`

jquery 移动2

 
阅读更多
  1. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content=""> <title>小车匠TEST</title> <link href="css/common.css" rel="stylesheet" /> <link href="css/layout.css" rel="stylesheet" /> <link href="css/style.css" rel="stylesheet" /> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/test-haoliqiang-20141218.js"></script> </head> <body> <div class="question"> <p class="question-title"> (1). 根据2007 款丰田卡罗拉电动车窗系统结构及位置，请对图片中所指位置进行名称匹配。（061301-考查识记层面） </p> <div class="firstQuestion-reference"> <div class="firstQuestion-referenceTipTW" id="mobileOne"> 拖到这里来1 </div> <div class="firstQuestion-referenceTipON"> 拖到这里来2 </div> <div class="firstQuestion-referenceTipTH"> 拖到这里来4 </div> <div class="firstQuestion-referenceTipFO"> 拖到这里来3 </div> </div> <div> <div id="one" class="firstQuestion-option-noe"> 车窗调节器 </div> <input type="text" id="l" value="0" /> <input type="text" id="t" value="0" /> <!--div id="two" class="firstQuestion-option"> 电动车窗马达 </div> <div id="thress" class="firstQuestion-option"> 电动车窗总开关 </div> <div id="four" class="firstQuestion-option"> 门控开关 </div--> </div> <button class="question-btn"> 下一题 </button> </div> </body> <script type="text/javascript"> $(function(){ $('#one').mousedown( function (event) { var isMove = true; var abs_x = event.pageX - $("#one").offset().left; var abs_y = event.pageY - $("#one").offset().top; $(document).mousemove(function (event) { if (isMove) { var obj = $("#one"); obj.css({'left':event.pageX - abs_x, 'top':event.pageY - abs_y}); var l = event.pageX - abs_x; var t = event.pageY - abs_y; $("#l").attr("value",l); $("#t").attr("value",t); } }).mouseup(function () { isMove = false; }); }); }); </script> </html>
分享到：
| jquery 控制音频
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics