<script src="jquery.js"></script>
<script>
$(function() {
$("button").click(function(e) {
$("#mydiv").css("position" , "absolute").css("left" , e.clientX + "px").css("top" , e.clientY + "px").show();
});
});
</script>
<button>aa</button>
<button>aa</button>
<button>aa</button>
<button>aa</button>
<button>aa</button>
<button>aa</button>
<button>aa</button>
<button>aa</button>
<button>aa</button>
<button>aa</button>
<button>aa</button>
<button>aa</button>
<div id="mydiv" style="background-color:red ; width:100px; height:100px;display:none;">
this is a div
</div>
div层移动到鼠标当前光标所在处
最新推荐文章于 2022-06-28 15:00:18 发布
本文介绍了一种使用jQuery实现鼠标点击按钮后改变特定DIV元素位置的方法。通过绑定点击事件,可以将带有ID“mydiv”的红色方块DIV移动到鼠标点击的位置。此技术适用于网页互动效果的设计。
1120

被折叠的 条评论
为什么被折叠?



