ZKX's LAB

手机端多张小图水平滑动代码

2021-04-28知识11

如图,长为 B

css,js,求页面上滚动条,以及点小图改大图的代码 var$slider=$('.slider ul');var$slider_child_l=$('.slider ul li').length;var$slider_width=$('.slider ul li').width();slider.width($slider_child_l*slider_width);var slider_count=0;if($slider_child_l){('#btn-right').css({cursor:'auto'});('#btn-right').removeClass(\"dasabled\");}('#btn-right').click(function(){if($slider_child_l|slider_count>;=$slider_child_l-6){return false;}slider_count+;slider.animate({left:'-='+$slider_width+'px'},'slow');slider_pic();});('#btn-left').click(function(){if(slider_count){return false;}slider_count-;slider.animate({left:'+'+$slider_width+'px'},'slow');slider_pic();});function slider_pic(){if(slider_count>;=$slider_child_l-6){('#btn-right').css({cursor:'auto'});('#btn-right').addClass(\"dasabled\");}else if(slider_count>;0&slider_count$slider_child_l-6){('#btn-left').css({cursor:'pointer'});('#btn-left').removeClass(\"dasabled\");('#btn-right').css({cursor:'pointer'});('#btn-right').removeClass(\"dasabled\");}else if(slider_count){('#btn-left').css({。

#手机端多张小图水平滑动代码

随机阅读

qrcode
访问手机版