图片列表横向切换代码
2014-03-29 12:00
141 查看
//图片列表横向切换 var PicnewsItem=0; function PicnewsGo(){ var $picnews_ul=$("#picnews_ul"); var LiLength=$picnews_ul.find("li").length; var LiWidth=198; $picnews_ul.width(LiLength*LiWidth); var maxItem= LiLength; $("#picnews_left").click(function(){ if($picnews_ul.is(":animated")){return;} if(PicnewsItem>0){ PicnewsItem--; $picnews_ul.animate({marginLeft:(PicnewsItem*1*LiWidth*-1)},1000); } }); $("#picnews_right").click(function(){ if($picnews_ul.is(":animated")){return;} if(PicnewsItem<maxItem){ PicnewsItem++; $picnews_ul.animate({marginLeft:(PicnewsItem*1*LiWidth*-1)},1000); } }); setInterval(AutoPicnews, "3000"); function AutoPicnews(){ if(PicnewsItem<maxItem-3){ PicnewsItem++; $picnews_ul.animate({marginLeft:(PicnewsItem*1*LiWidth*-1)},1000); }else{ PicnewsItem=0; $picnews_ul.animate({marginLeft:0},1000); } } }
相关文章推荐
- 图文列表和图片列表JS切换特效代码
- 基于marquee类带停顿横向图片滚动代码
- 图片切换代码
- 图片自动切换——javascript的代码
- js图片自动轮播切换代码
- js鼠标点击图片切换效果代码分享
- JS特效代码大全(六)图片横向滚动效果
- Android仿淘宝切换商品列表布局效果的示例代码
- js+div实现文字滚动和图片切换效果代码
- android之【代码实现ImageView图片切换】
- 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)
- 新闻图片切换代码(纯js,no flash)
- 网页图片切换代码
- JS原生代码实现图片轮播无缝切换的一种思路
- 兼容火狐漂亮的图片切换效果代码
- js鼠标点击图片切换效果实现代码
- 最简单的js图片切换效果实现代码
- 一段非常简单的让图片自动切换js代码
- JS实现的文字与图片定时切换效果代码
- 代码: 仿淘宝商品详情页左上,图片鼠标浮上去,图片部分区域放大 (页面布局:图片列表)