php幻灯片轮播,Jquery 图片滚动 Banner幻灯 图片轮播效果 自动识别图片个数 图片轮播兼容所有浏览器...

banner scroll

.bannerScroll{width:810px;height:480px;position:relative;overflow:hidden}.bannerBtn{display:none}.bannerBtn a{background-color:#000;display:block;height:40px;line-height:40px;opacity:0.3;overflow:hidden;position:absolute;top:120px;width:40px;z-index:4}.bannerImg{font-size:0;letter-spacing:-3px;position:relative}.bannerImg li{display:inline-block;font-size:12px;letter-spacing:normal;vertical-align:top;word-spacing:normal}.bannerScroll i{background:url('http://img04.taobaocdn.com/imgextra/i4/74126668/TB2HEH6XVXXXXXUXXXXXXXXXXXX_!!74126668.png') no-repeat scroll 0 0 rgba(0,0,0,0);cursor:pointer;display:block;height:23px;margin:8px 0 0 12px;width:15px}.bannerScroll .nextBtn{right:5px}.bannerScroll .nextBtn i{background-position:0 -24px}.bannerScroll .prevBtn{left:5px}.bannerScroll .prevBtn i{background-position:0 0}.bannerCircle{background:none repeat scroll 0 0 rgba(255,255,255,0.3);border-radius:10px;bottom:15px;font-size:0;height:13px;left:50%;position:absolute;text-align:center}.bannerCircle li{border-radius:10px;display:-moz-inline-stack;float:left;margin:2px;vertical-align:middle}.bannerCircle li a{background:none repeat scroll 0 0 #b7b7b7;border-radius:50%;display:block;height:0;overflow:hidden;padding-top:9px;width:9px}.bannerCircle .selected a{background:none repeat scroll 0 0 #f40}

• 
• 
• 
• 

Jquery 图片滚动 Banner幻灯 图片轮播效果 自动识别图片个数 图片轮播兼容所有浏览器 效果图： http://my.oschina.net/cart/