javascript简写效果“神秘的眼睛”

<!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>www.glzy8.com神秘的眼睛管理资源吧</title> 
<style type="text/css"> 
.eye{ 
    display:inline; 
    overflow:hidden; 
    position:relative; 
    float:left; 
    margin:50px 0 0 50px; 
    width:50px; 
    height:50px; 
    font-size:50px; 
    line-height:106%; 
    +line-height:normal; 
    cursor:default; 
} 
@media all and (min-width:0px){ 
.eye{line-height:normal;} 
} 
.pupil{ 
    overflow:hidden; 
    position:absolute; 
    margin:-5px 0 0 -5px; 
    width:10px; 
    height:10px; 
    line-height:normal; 
    font-size:10px; 
    top:50%; 
    left:50%; 
} 
</style> 
</head> 
<body> 
<div id="leftEye" class="eye">○<span id="leftPupil" class="pupil">●</span></div> 
<div id="rightEye" class="eye">○<span id="rightPupil" class="pupil">●</span></div> 
<input name="" id="xy" type="text" /> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Avar%20%24%3Dfunction(o)%7Breturn%20document.getElementById(o)%7D%20%0D%0Avar%20leftEye%3D%24(%22leftEye%22)%3B%20%0D%0Avar%20rightEye%3D%24(%22rightEye%22)%3B%20%0D%0Avar%20leftPupil%3D%24(%22leftPupil%22)%3B%20%0D%0Avar%20rightPupil%3D%24(%22rightPupil%22)%3B%20%0D%0Avar%20xy%3D%24(%22xy%22)%3B%20%0D%0Adocument.documentElement.onmousemove%3Dfunction(e)%7B%20%0D%0A%20%20%20%20var%20e%3Dwindow.event%7C%7Ce%3B%20%0D%0A%20%20%20%20var%20eX%3De.clientX%2C%20eY%3De.clientY%3B%20%0D%0A%20%20%20%20track(leftEye%2CleftPupil%2CeX%2CeY)%3B%20%0D%0A%20%20%20%20track(rightEye%2CrightPupil%2CeX%2CeY)%3B%20%0D%0A%7D%20%0D%0Afunction%20track(o%2Ci%2CeX%2CeY)%7B%20%0D%0A%20%20%20%20var%20oL%3Do.offsetLeft%3B%20%0D%0A%20%20%20%20var%20oT%3Do.offsetTop%3B%20%0D%0A%20%20%20%20var%20oW%3Do.offsetWidth%3B%20%0D%0A%20%20%20%20var%20oH%3Do.offsetHeight%3B%20%0D%0A%20%20%20%20var%20oCW%3Do.clientWidth%3B%20%0D%0A%20%20%20%20var%20oCH%3Do.clientHeight%3B%20%0D%0A%20%20%20%20var%20oX%3DoL%2BoW%2F2%3B%20%0D%0A%20%20%20%20var%20oY%3DoT%2BoH%2F2%3B%20%0D%0A%20%20%20%20var%20eX%3DeX-oX%3B%20%0D%0A%20%20%20%20var%20eY%3DeY-oY%3B%20%0D%0A%20%20%20%20var%20eXY%2CiL%2CiT%3B%20%0D%0A%20%20%20%20if(eX!%3D0%26%26eY!%3D0)%7B%20%0D%0A%20%20%20%20%20%20%20%20eXY%3DeX%2FeY%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20r%3DoCW%2F2-12%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20R%3DMath.sqrt(eX*eX%2BeY*eY)%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20rR%3DR%2F5%3Er%3Fr%3AR%2F5%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20iL%3DMath.sqrt(rR*rR%2F(1%2B1%2F(eXY*eXY)))%3B%20%0D%0A%20%20%20%20%20%20%20%20if(eX%3C0)iL%3D-iL%3B%20%0D%0A%20%20%20%20%20%20%20%20var%20iT%3DiL%2FeXY%3B%20%0D%0A%20%20%20%20%20%20%20%20i.style.left%3D(iL%2BoCW%2F2)%2B%22px%22%3B%20%0D%0A%20%20%20%20%20%20%20%20i.style.top%3D(iT%2BoCH%2F2)%2B%22px%22%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20xy.value%3DeX%2B%22%2C%22%2BeY%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程