字符萦绕鼠标的效果 -JS特效-QQCATIT技术频道

字符萦绕鼠标的效果

[ 来自:不祥作者:网络收集阅读:0 时间:2008-1-25 19:41:31 ]

<SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin 
var isNav = (navigator.appName.indexOf("Netscape") !=-1); 
function handlerDC(e){ 
Xdc = (isNav) ? E.pageX : event.clientX; 
Ydc = (isNav) ? E.pageY : event.clientY; 
document.dataholder.dcX.value=Xdc; 
document.dataholder.dcY.value=Ydc; 
} 
function handlerMU(e){ 
Xmu = (isNav) ? E.pageX : event.clientX; 
Ymu = (isNav) ? E.pageY : event.clientY; 
document.dataholder.muX.value=Xmu; 
document.dataholder.muY.value=Ymu; 
} 
function handlerMD(e){ 
Xmd = (isNav) ? E.pageX : event.clientX; 
Ymd = (isNav) ? E.pageY : event.clientY; 
document.dataholder.mdX.value=Xmd; 
document.dataholder.mdY.value=Ymd; 
} 
function handlerMM(e){ 
Xmm = (isNav) ? E.pageX : event.clientX; 
Ymm = (isNav) ? E.pageY : event.clientY; 
document.dataholder.mmX.value=Xmm; 
document.dataholder.mmY.value=Ymm; 
} 
function handlerMO(e){ 
Xmo = (isNav) ? E.pageX : event.clientX; 
Ymo = (isNav) ? E.pageY : event.clientY; 
document.dataholder.moX.value=Xmo; 
document.dataholder.moY.value=Ymo; 
} 
if (isNav) { 
document.captureEvents(Event.MOUSEMOVE); 
document.captureEvents(Event.MOUSEDOWN); 
document.captureEvents(Event.MOUSEOVER); 
document.captureEvents(Event.MOUSEUP); 
document.captureEvents(Event.DBLCLICK); 
} 
document.onmouseover = handlerMO; 
document.onmousedown = handlerMD; 
document.onmouseup   = handlerMU; 
document.onmousemove = handlerMM; 
document.ondblclick  = handlerDC;

// End --> 
</script>

<BODY BGCOLOR=#ffffff vlink=#0000ff> 
<center> 
<center> 
<form name="dataholder"> 
<table border=1> 
<tr> 
<td></td> 
<td><I>X 轴值</I></td> 
<td><I>Y 轴值</I></td> 
</tr> 
<tr><td><center>Move</center></td> 
<td><input type="text" size=5 name="mmX" value="0"></td> 
<td><input type="text" size=5 name="mmY" value="0"></td> 
</tr> 
<tr><td><center>Up</center></td> 
<td><input type="text" size=5 name="muX" value="0"></td> 
<td><input type="text" size=5 name="muY" value="0"></td> 
</tr> 
<tr> 
<td><center>Down</center></td> 
<td><input type="text" size=5 name="mdX" value="0"></td> 
<td><input type="text" size=5 name="mdY" value="0"></td> 
</tr> 
<tr> 
<td><center>DblClick</center></td> 
<td><input type="text" size=5 name="dcX" value="0"></td> 
<td><input type="text" size=5 name="dcY" value="0"></td> 
</tr> 
<tr> 
<td><center>Over</center></td> 
<td><input type="text" size=5 name="moX" value="0"></td> 
<td><input type="text" size=5 name="moY" value="0"></td> 
</tr> 
</table> 
</form> 
<br> 
(移动你的Mouse并且单,双击,观察以上数值.)

</center> 
</center> 
<P>