php 滑动 图片,JQuery图片滑动

简明现代魔法 -> JQuery -> JQuery图片滑动

JQuery图片滑动

2009-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;}