js 小技巧鼠标跟随图片特效

来源：互联网发布：mysql 根据某字段排序编辑：程序博客网时间：2024/04/30 02:45

<!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=gb2312" />
<title>跟随鼠标的图片效果-懒人图库</title>

body {
  margin: 0px;
  padding: 0px;
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
}
.thumb {
  position: relative;
  float: left;
  display: block;
  width: 47%;
  height: 46%;
  margin-left: 2%;
  margin-top: 2%;
  overflow: hidden;
  cursor: crosshair;
}
.thumb img {
  position: absolute;
}
</style>

function run(){
for (var i in thu) thu[i].scroll();
setTimeout(run, 16);
}

onload = function() {
scroll();
}

</script>
</head>

<body>

<div class="thumb"><img alt="" src="http://www.lanrentuku.com/down/js/images/12492980870.jpg"></div>
<div class="thumb"><img alt="" src="http://www.lanrentuku.com/down/js/images/12492980871.jpg"></div>
<p style="color:#FFFFFF">查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>

</body>
</html>

js 小技巧 鼠标跟随图片特效

js 小技巧鼠标跟随图片特效