<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
img{width: 50px;height: 50px;position: absolute;border-radius: 50%;}
</style>
</head>
<body>
<script type="text/javascript">
var oImg=createImg();//创建img
document.onmousemove=function (e){
e=e||window.event;
//获取鼠标位置
var x=e.clientX;
var y=e.clientY;
oImg.style.left=x+15+'px';
oImg.style.top=y+15+'px';
document.body.appendChild(oImg);
};
function createImg(){
var img=document.createElement('img');
img.src='images/3.jpg';
return img;
}
</script>
</body>
</html>
javascript制作图片跟随鼠标效果
猜你喜欢
转载自blog.csdn.net/weixin_44830974/article/details/89976197
今日推荐
周排行