立体幻灯片切换效果代码（html代码，javascript）

1、效果预览：

2、代码部分：

将以下代码复制粘贴到记事本，后缀改为.html。然后双击即可预览效果！

.slider_area{}

.slider_carousel{position:absolute;width:960px;}

.roundabout-holder{padding:0;height:400px;position:absolute;width:890px;margin:0 0 0 55px;}

.roundabout-moveable-item{border:0;list-style:none;width:433px;height:326px;-moz-box-shadow:0px 20px 20px -10px #000000;box-shadow:0px 20px 20px -10px #000000;-webkit-box-shadow:0px 20px 20px -10px #000000;}

.roundabout-moveable-item img{width:100%;height:100%;display:block;}

.round_conrol{position:relative;width:198px;margin:0 auto;height:34px;padding:0 0 0 0;}

#bt-previous{position:absolute;width:34px;height:34px;display:block !important;background:url(http://www.update8.com/js_img/3-28/fan_left.png) no-repeat left;left:0;top:0;cursor:pointer;text-indent:-9999px;}

#bt-next{position:absolute;width:34px;height:34px;display:block !important;background:url(http://www.update8.com/js_img/3-28/fan_right.png) no-repeat left;right:0;top:0;cursor:pointer;text-indent:-9999px;}

.round_but{position:absolute;display:block;width:24px;height:22px;background:url(http://www.update8.com/js_img/3-28/fan_but.png) no-repeat top right;left:40px;top:28px;cursor:pointer;}