运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
<style>
5
div {width:10px; height:10px; background:red; position:absolute;}
6
</style>
7
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8
<title>跟随鼠标的Div效果</title>
9
<script>
10
window.onload=function ()
11
{
12
    var aDiv=document.getElementsByTagName('div');
13
    var i=0;
14
    
15
    setInterval(function(){
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
一个Js鼠标跟随的DiV层效果
分类
网站常用
描述
一串跟随鼠标的Div效果,并有拖影特效,随着鼠标快速的晃动,Div层效果会不断的增加,后面的Div会自动消失,不过还有些Bug,甚至是完美的,期待与大家完善这个JS特效。源码爱好者还有更多鼠标跟随特效,与大家分享。
收藏