网页编程 － 十字连线鼠标特效
<html> <head> <style> <!-- #leftright, #topdown{ position:absolute; left:0; top:0; width:2px; height:2px; layer-background-color:#6699cc; background-color:#6699cc; z-index:100; font-size:0px; } --> </style> </head> <p align=center></a><p> <script language="JavaScript"> <!-- if (document.all&&!window.print){ leftright.style.width=document.body.clientWidth-6 topdown.style.height=document.body.clientHeight-1 } else if (document.layers){ document.leftright.clip.width=window.innerWidth document.leftright.clip.height=5 document.topdown.clip.width=5 document.topdown.clip.height=window.innerHeight } function followmouse1(){ //move cross engine for IE 4+ leftright.style.pixelTop=document.body.scrollTop+event.clientY+1 topdown.style.pixelTop=document.body.scrollTop if (event.clientX<document.body.clientWidth-2) topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1 else topdown.style.pixelLeft=document.body.clientWidth-2 } function followmouse2(e){ //move cross engine for NS 4+ document.leftright.top=e.y+6 document.topdown.top=pageYOffset document.topdown.left=e.x+6 } if (document.all) document.onmousemove=followmouse1 else if (document.layers){ window.captureEvents(Event.MOUSEMOVE) window.onmousemove=followmouse2 } function regenerate(){ window.location.reload() } function regenerate2(){ setTimeout("window.onresize=regenerate",400) } if ((document.all&&!window.print)||document.layers) //if the user is using IE 4 or NS 4, both NOT IE 5+ window.onload=regenerate2 //--> </script> <div id="leftright" style="width:expression(document.body.clientWidth)"></div> <div id="topdown" style="height:expression(document.body.clientHeight)"></div> </html>
本站
说明
网页版
站长
简介
微博
日记
照片
同学
资料
文章
电脑
编程
维护
链接
功能
电话
短信
邮件
登录
