一个阿里云弹性计算的滑块,当然,与阿里云的还是有大差距哈。
$(".track").mousedown(function() { var target=$(this).parent(); isMoving=true; $("html,body").mousemove(function(event) { if(isMoving==false)return; var changeX = event.clientX - ScrollerTrack.CurrentX; currentValue = changeX - ScrollerTrack.CurrentX; if(changeX<=0){ $(target).find(".track").css("margin-left", "0px"); $(target).find(".valueC").css("width", "0px"); $(target).find(".show").css("margin-left", "-15px"); $(target).find(".show").html(0); ScrollerTrack.CurrentValue=0; } else if(changeX>=ScrollerTrack.BodyWidth-16){ $(target).find(".track").css("margin-left", ScrollerTrack.BodyWidth-16+"px"); $(target).find(".valueC").css("width",ScrollerTrack.BodyWidth-16+"px"); $(target).find(".show").css("margin-left", ScrollerTrack.BodyWidth-31+"px"); $(target).find(".show").html(ScrollerTrack.MaxValue); ScrollerTrack.CurrentValue=ScrollerTrack.MaxValue; } else{ $(target).find(".track").css("margin-left", changeX+"px"); $(target).find(".valueC").css("width", changeX+"px"); $(target).find(".show").css("margin-left", changeX-15+"px"); var v=ScrollerTrack.MaxValue*((changeX+16)/ScrollerTrack.BodyWidth); $(target).find(".show").html(parseInt(v)); ScrollerTrack.CurrentValue=parseInt(v); } }); });
相关推荐
jQuery阿里云登录滑块拖动验证是一款网站常用的登陆框滑块拖动验证登录代码。
jQuery阿里云登录滑块拖动验证是一款网站常用的登陆框滑块拖动验证登录代码。
jQuery仿阿里云滑块拖动验证插件 jQuery仿阿里云滑块拖动验证插件
jQuery阿里云滑块拖动验证代码基于jquery.slider.min.js制作,模仿阿里云官网用户登录验证效果,按住滑块,拖拽验证。
易语言 阿里滑块验证 接口 dll接口 http接口
易语言调用算法过阿里滑块例子
易语言 阿里滑块验证 接口 dll接口 http接口
67、jquery弹性标签滑块
jQuery仿阿里云滑块拖动验证特效源码.zip
jQuery阿里云滑块拖动验证代码基于jquery.slider.min.js制作,模仿阿里云官网用户登录验证效果,按住滑块,拖拽验证。
2022.6.3号更新,python调用算法过阿里滑块例子
jquery弹性标签滑块
计算曲柄连杆滑块机构的运动学和动力学图像,并将结果输出至excel
易语言过阿里X82YX5SEC滑块UA算法例子
做了一个类似于阿里云弹性计算中的滑块效果,可以自由滑动滑块,并且计算刻度。基于jQuery实现,小伙伴们不要忘记载入jquery哦 CSS .main { margin: 0 auto; margin-top: 100px; width: 500px; font-family: ...
阿里云滑动验证对接例子,2021.9.4更新,稳定