简明现代魔法 -> JQuery -> JQuery图片滑动
JQuery图片滑动
-10-03
效果演示
CSS代码
* { padding: 0; margin: 0; outline: 0; }
#slider {padding-top: 45px; padding-left: 75px; width: 800px; position: relative;}
ul#mycarousel {position: relative;}
ul#mycarousel li {float: left; display: inline; height: 184px; width: 270px;}
.jcarousel-clip { height:184px; width:800px; overflow:hidden; position:relative;}
/* 左按钮 */
.jcarousel-prev,
.jcarousel-next {background: url(images/next.gif) no-repeat 0 0; width: 38px; height: 37px;
display: block; float: left; position:absolute; top:143px; left: 910px; cursor: pointer; }
/* 右按钮 */
.jcarousel-prev { background: url(images/prev.gif) no-repeat 0 0; left: 1px;}