写了个随屏缓动的小特效
效率爆高,代码很简
注释写的很详细
<!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>写了个随屏缓动的小特效 - 中国asp之家</title> </head> <body> <div id=aa style=width:200px;height:200px;background:#c0c0c0;position:absolute; ></div> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </body> </html> <script> void function(){ var d = document, w = window, o = d.getElementById('aa'); o.style.left = (w.innerWidth ||d.documentElement.clientWidth||d.body.clientWidth) - o.offsetWidth - 100 + 'px'; (function(){ var t = 1000,//每次查询是否滚动的时间差 st = w.scrollY||d.documentElement.scrollTop||d.body.scrollTop, c; c = st - o.offsetTop + 300//300就是你想让div固定在那个位置 c!=0&&(o.style.top = o.offsetTop + c/10 + 'px',t=10);//c/10就是缓动效果,t=10是一但发现滚动后动画效果的频率 setTimeout(arguments.callee,t) })() }() </script> [提示:你可先修改部分代码,再按运行]