收藏文章 楼主

图片跟随鼠标

版块:javaScript   类型:普通   作者:小绿叶技术博客   查看:5324   回复:0   获赞:2   时间:2019-05-21 10:10:50

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<style type="text/css">

#parent{

position:absolute;left:0;top:0;width:100%;height:100%;

background-color:#6FF;

}

#mpointer{

position:absolute;

left:100px;

top:300px;

}

</style>

<script language="javascript">

function gifPic()

{

/*e= e || window.event;*/

    var movex=event.clientX;

    var movey=event.clientY;

var pic=document.getElementById("mpointer");

pic.style.top=movey+"px";

pic.style.left=movex+"px";

document.title=movex+"-"+movey;

}

</script>

<body>

<div id="parent" onmousemove="gifPic()">

  <div id="mpointer">

  <img src="Images/mouse.gif" width="40" height="40"/>

  </div>

</div>

</body>

</html>


有些梦虽然遥不可及,但并不是不可能实现。 
回复列表
默认   热门   正序   倒序

回复:图片跟随鼠标

Powered by ddoss.cn 12.0

©2015 - 2024 ddoss

头像

用户名:

粉丝数:

签名:

资料 关注 好友 消息