有点像蜘蛛侠的鼠标

2009-12-19 鼠标特效 ℃

<span id="ContentArea"><html>
<head>
<title>有点像蜘蛛侠的鼠标</title>
</head><BODY>

<STYLE>
.disableHscroll{
width:100%;overflow-x:hidden;overflow-y:scroll;
}
v\:* {
 BEHAVIOR: url(#default#VML)
}
</STYLE><script>
var defaultcolor="#999999"
var lineweighthighlight=1
var lineweightnormal=1
var distancetomouse=0
var mousepos_x=0
var mousepos_x=0
var marginleft=0
var margintop=0
var marginbottom=0
var marginright=0
var margincenterx
var margincentery
var mousepos_x=0
var mousepos_x=0
if (document.all&&window.print){
    document.write('<div id="bodycontent" style="position:relative">')
}
function initiateanimation(){
    marginbottom=document.body.clientHeight
    marginright=document.body.clientWidth
    margincenterx=Math.floor(marginright/2)
    margincentery=Math.floor(marginbottom/2)    
    rectangulartopleft.to=marginleft+","+margintop
    rectangulartopright.to=marginright+","+margintop
    rectangularbottomleft.to=marginleft+","+marginbottom
    rectangularbottomright.to=marginright+","+marginbottom    
    rectangulartop.to=margincenterx+","+margintop
    rectangularright.to=marginright+","+margincentery
    rectangularbottom.to=margincenterx+","+marginbottom
    rectangularleft.to=marginleft+","+margincentery    
    rectangulartopleft.strokecolor=defaultcolor
    rectangulartopright.strokecolor=defaultcolor
    rectangularbottomleft.strokecolor=defaultcolor
    rectangularbottomright.strokecolor=defaultcolor    
    rectangulartop.strokecolor=defaultcolor
    rectangularright.strokecolor=defaultcolor
    rectangularbottom.strokecolor=defaultcolor
    rectangularleft.strokecolor=defaultcolor}
function msover(thiscolorhighlight){
    if(document.all&&window.print){
        rectangulartopleft.strokecolor=thiscolorhighlight
        rectangulartopright.strokecolor=thiscolorhighlight
        rectangularbottomleft.strokecolor=thiscolorhighlight
        rectangularbottomright.strokecolor=thiscolorhighlight    
        rectangulartop.strokecolor=thiscolorhighlight
        rectangularright.strokecolor=thiscolorhighlight
        rectangularbottom.strokecolor=thiscolorhighlight
        rectangularleft.strokecolor=thiscolorhighlight        
        rectangulartopleft.strokeweight=lineweighthighlight
        rectangulartopright.strokeweight=lineweighthighlight
        rectangularbottomleft.strokeweight=lineweighthighlight
        rectangularbottomright.strokeweight=lineweighthighlight    
        rectangulartop.strokeweight=lineweighthighlight
        rectangularright.strokeweight=lineweighthighlight
        rectangularbottom.strokeweight=lineweighthighlight
        rectangularleft.strokeweight=lineweighthighlight
    }
}
function msout(){
    if(document.all&&window.print){
        rectangulartopleft.strokecolor=defaultcolor
        rectangulartopright.strokecolor=defaultcolor
        rectangularbottomleft.strokecolor=defaultcolor
        rectangularbottomright.strokecolor=defaultcolor    
        rectangulartop.strokecolor=defaultcolor
        rectangularright.strokecolor=defaultcolor
        rectangularbottom.strokecolor=defaultcolor
        rectangularleft.strokecolor=defaultcolor        
        rectangulartopleft.strokeweight=lineweightnormal
        rectangulartopright.strokeweight=lineweightnormal
        rectangularbottomleft.strokeweight=lineweightnormal
        rectangularbottomright.strokeweight=lineweightnormal    
        rectangulartop.strokeweight=lineweightnormal
        rectangularright.strokeweight=lineweightnormal
        rectangularbottom.strokeweight=lineweightnormal
        rectangularleft.strokeweight=lineweightnormal      
    }
}
function momouse(){
    if(document.all&&window.print){
        mousepos_x=document.body.scrollLeft+event.clientX
        mousepos_y=document.body.scrollTop+event.clientY    
        rectangulartopleft.from=mousepos_x+","+mousepos_y
        rectangulartopright.from=mousepos_x+","+mousepos_y
        rectangularbottomleft.from=mousepos_x+","+mousepos_y
        rectangularbottomright.from=mousepos_x+","+mousepos_y    
        rectangulartop.from=mousepos_x+","+mousepos_y
        rectangularright.from=mousepos_x+","+mousepos_y
        rectangularbottom.from=mousepos_x+","+mousepos_y
        rectangularleft.from=mousepos_x+","+mousepos_y
     }
}
if(document.all&&window.print){
    document.body.className="disableHscroll"
    code="<v:line id=rectangulartopleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" 
    code+="<v:line id=rectangulartopright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" 
    code+="<v:line id=rectangularbottomleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" 
    code+="<v:line id=rectangularbottomright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" 
    code+="<v:line id=rectangulartop style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" 
    code+="<v:line id=rectangularright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" 
    code+="<v:line id=rectangularbottom style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" 
    code+="<v:line id=rectangularleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" 
    document.body.insertAdjacentHTML("afterBegin",code)
    document.onmousemove=momouse
    window.onload=initiateanimation
}
</script>
</body></html></span>

相关特效代码

热门特效代码: 围绕鼠标的立体星环（摩天轮）; 围绕鼠标的立体旋转文字; 经典鼠标跟随特效; 鼠标放在图片上打开新链接; 随鼠标的一群小点; 小巧实用的鼠标时钟跟随; 跟随鼠标的日期时间表盘; 强制点击广告代码; 会下雪的鼠标,好玩; 鼠标单击处崩出七彩星星

推荐特效代码: 围绕鼠标的立体旋转文字; 强制点击广告代码; 小巧实用的鼠标时钟跟随; 鼠标玄酷星形跟随特效; 舞动星星包围你的鼠标; 点击会变色哦