精美js鼠標(biāo)跟隨代碼_頁(yè)面背景特效

精美的JavaScript鼠標(biāo)跟隨代碼，幾個(gè)漂亮的色球隨著鼠標(biāo)移動(dòng)，富有彈性的那種。效果比較好，跟蹤鼠標(biāo)的幾個(gè)色球是調(diào)入的外部圖片，因些請(qǐng)先把這幾個(gè)小圖片下載下來(lái)，順著代碼里面有圖片地址。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<title>精美js鼠標(biāo)跟隨代碼-www.hl5o.cn</title>
</head>
<body>
<script> 
A=document.getElementById
B=document.all;
C=document.layers;
T1=new Array("/jscss/demoimg/200905/trail1.gif",38,35,"/jscss/demoimg/200905/trail2.gif",30,31,"/jscss/demoimg/200905/trail3.gif",28,26,"/jscss/demoimg/200905/trail4.gif",22,21,"/jscss/demoimg/200905/trail5.gif",16,16,"/jscss/demoimg/200905/trail6.gif",10,10)
 
var offsetx=15 
var offsety=10

nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
rightedge=B? document.body.clientWidth-T1[1] : window.innerWidth-T1[1]-20
bottomedge=B? document.body.scrollTop+document.body.clientHeight-T1[2] : window.pageYOffset+window.innerHeight-T1[2]
 
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")
}
 
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!A && !B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((A || B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
 
function closeContainer(){
document.write((A || B)?"</div>":"</layer>")
}
 
function getXpos(N){
if (A)
return parseInt(document.getElementById(N).style.left)
else if (B)
return parseInt(B[N].style.left)
else
return C[N].left
}
 
function getYpos(N){
if (A)
return parseInt(document.getElementById(N).style.top)
else if (B)
return parseInt(B[N].style.top)
else
return C[N].top
}
 
function moveContainer(N,DX,DY){
c=(A)? document.getElementById(N).style : (B)? B[N].style : (C)? C[N] : "";
if (!B){
rightedge=window.innerWidth-T1[1]-20
bottomedge=window.pageYOffset+window.innerHeight-T1[2]
}
c.left=Math.min(rightedge, DX+offsetx);
c.top=Math.min(bottomedge, DY+offsety);
}
function cycle(){
//if (IE5) 
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
 
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2)
}
 
function getedgesIE(){
rightedge=document.body.clientWidth-T1[1]
bottomedge=document.body.scrollHeight-T1[2]
}
 
if (B){
window.onload=getedgesIE
window.onresize=getedgesIE
}
 
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
</script>
</body>
</html>

所屬頻道：頁(yè)面背景特效/更新時(shí)間：2012-12-18

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)頁(yè)面背景特效：

頁(yè)面背景特效Rss訂閱特效代碼搜索

頁(yè)面背景特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索精美js鼠標(biāo)跟隨代碼
特效說(shuō)明：
頁(yè)面背景模板-精美js鼠標(biāo)跟隨代碼。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

精美js鼠標(biāo)跟隨代碼_頁(yè)面背景特效

頁(yè)面背景特效Rss訂閱特效代碼搜索

頁(yè)面背景特效推薦

猜你也喜歡看這些