javascript，怎样在鼠标点击的位置上显示图片。根据鼠标坐标不同，图片出现的位置不同
2个回答
展开全部
$(document).mousedown(function(e) {
var $doc=$(document);
$('<img src="图片地址" />')
.css({position:absolute,left:e.pageX+$doc.scrollLeft(),top:e.pageY+$doc.scrollTop()})
.appendTo('body');
});
上面代码是点击后就在鼠标的位置创建并显示一张图片。它需要JQUERY库
var $doc=$(document);
$('<img src="图片地址" />')
.css({position:absolute,left:e.pageX+$doc.scrollLeft(),top:e.pageY+$doc.scrollTop()})
.appendTo('body');
});
上面代码是点击后就在鼠标的位置创建并显示一张图片。它需要JQUERY库
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body onclick="javascript:bodyclick();">
<script language="javascript">
function bodyclick(){
var img = document.createElement('<img src="" style="position:absolute;">');
img.style.left = document.documentElement.scrollLeft+event.clientX;
img.style.top = document.documentElement.scrollTop+event.clientY;
document.body.insertBefore(img);
}
</script>
</body>
<script language="javascript">
function bodyclick(){
var img = document.createElement('<img src="" style="position:absolute;">');
img.style.left = document.documentElement.scrollLeft+event.clientX;
img.style.top = document.documentElement.scrollTop+event.clientY;
document.body.insertBefore(img);
}
</script>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
