- jQuery 带渐变模块拖动，拖动的时候会渐入渐出，拖动结束后效果随即结束，其实不用jquery也能实现哦，这里主要是想练习一下jQuery技术，高手勿笑哦。
-
<script type="text/javascript" language="javascript" src="/ajaxjs/jquery1.3.2.js"></script><script type="text/javascript" language="javascript">var _move=false;//移动标记var _x,_y;//鼠标离控件左上角的相对位置$(document).ready(function(){$("#div2").click(function(){//alert("click");//点击（松开后触发）}).mousedown(function(e){_move=true;_x=e.pageX-parseInt($("#div2").css("left"));_y=e.pageY-parseInt($("#div2").css("top"));$("#div2").fadeTo(20, 0.25);//点击后开始拖动并透明显示});$(document).mousemove(function(e){if(_move){var x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置var y=e.pageY-_y;$("#div2").css({top:y,left:x});//控件新位置}}).mouseup(function(){_move=false;$("#div2").fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明});});</script>
相关内容推荐