简明现代魔法 -> 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;}
  
网站分类
-->


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
你也许还会对以下文章感兴趣
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们