下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。
内存溢出小编现在分享给大家，也给大家做个参考。
<!DOCTYPE HTML><HTML> <head> <Title></Title> <Meta http-equiv="Content-Type" content="text/HTML; charset=UTF-8"> <style type="text/CSS"> body{ background:#fbfbfb; } #dp-lock-wapp{ height:29px;position:relative;text-align:left;background:#fff;padding:3px;border:1px solID #ccc; } #dp-lock-btn{ background-attachment:fixed; display:inline-block;height:29px;wIDth:40px;border-left:1px solID #ccc;cursor:pointer;background:url('./arr-btn.png') -42px 0px no-repeat; } #dp-lock-btn:hover{ background-position-y:-48px; } </style> <script src="./jquery-min.Js"></script> <script type="text/JavaScript"> $(function(){ /** * @author koodo [email protected] 二叉树社区出品 * @qq 420175369 * 预览 http://www.27tree.com/account/login/ */ var fin = false; // 解锁完成判断 var i_x = 0; // 初始鼠标x坐标 var max = $('#dp-lock-wapp').wIDth() - $('#dp-lock-btn').wIDth(); // 滑动解锁脚本 $('#dp-lock-btn').mousedown(function(){ if(!fin) Listen = true; // 如果解锁未完成 监听鼠标 document.onmousemove = function(e){ if(Listen){ if(i_x == 0) i_x = e.x; // 初始化x坐标 var ml = e.x - i_x; // 移动距离 ml = ml > 0 ? ml > max ? max : ml : 0; // 距离判断 $('#dp-lock-btn').CSS('margin-left',ml + 'px'); // ML ==,ax 时完成解锁 if(ml == max) { fin = true; Listen = false; // 解锁完毕,下面你爱干嘛干嘛 // do something ... } } } $(document).mouseup(function(){ Listen = false; }); }); }); </script> </head> <body> <div > <div ID="dp-lock-wapp"> <a ID="dp-lock-btn"></a> </div> </div> </body></HTML> 以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
总结以上是内存溢出为你收集整理的华丽的滑动解锁,用于留言板评论框全部内容，希望文章能够帮你解决华丽的滑动解锁,用于留言板评论框所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）