分享一款基于脚jQuery左右滑动切换特效。这是一款鼠标点击左右箭头按钮图片滚动切换,鼠标移到图片上显示透明边框特效。效果图如下:
实现的代码。
html代码:
js代码:
//学员var _index5=0;$("#four_flash .but_right img").click(function(){ _index5++; var len=$(".flashBg ul.mobile li").length; if(_index5+5>len){ $("#four_flash .flashBg ul.mobile").stop().append($("ul.mobile").html()); } $("#four_flash .flashBg ul.mobile").stop().animate({left:-_index5*326},1000); }); $("#four_flash .but_left img").click(function(){ if(_index5==0){ $("ul.mobile").prepend($("ul.mobile").html()); $("ul.mobile").css("left","-1380px"); _index5=6 } _index5--; $("#four_flash .flashBg ul.mobile").stop().animate({left:-_index5*326},1000); });
via: