首頁(yè)網(wǎng)頁(yè)特效庫(kù)

首頁(yè) > 特效 > 鼠標(biāo)特效 > 正文

很酷的跟隨鼠標(biāo)的三色彩帶

2009-12-19 鼠標(biāo)特效 ℃

<span id="ContentArea"><html>
<head>
<title>網(wǎng)頁(yè)特效||---很酷的跟隨鼠標(biāo)的三色彩帶</title>
</head><body bgColor=#000000>

<script language="Javascript">
<!-- 
var a_Colour='fff000';
var b_Colour='00ff00';
var c_Colour='ff00ff';
var Size=120;

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}

function swirl(){
for (i = 0; i < 3; i++)
 { 
 YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
 XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
 }
ThisStep+=step;
setTimeout('swirl()',10);
}

var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
}
}
else if (document.all){
document.write('<div   class="gtwd5um"   id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div   class="mur0nkc"   id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div   class="hkszbjw"   id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div   class="kyldfd1"   id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div   class="y0gewt0"   id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
 if (i < amount-1) 
 {
 ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
 ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
 ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
 } 
else  
 {
 ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
 ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
 ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
 }
}
}
else if (document.all){
for (i = 0; i <  amount; i++)
{
 if (i < amount-1) 
 {
 msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
 msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
 msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
 } 
else 
 {
 msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
 msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
 msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
 }
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
</script>
</body></html></span>

相關(guān)特效代碼

熱門(mén)特效代碼: 圍繞鼠標(biāo)的立體星環(huán)（摩天輪）; 圍繞鼠標(biāo)的立體旋轉(zhuǎn)文字; 經(jīng)典鼠標(biāo)跟隨特效; 鼠標(biāo)放在圖片上打開(kāi)新鏈接; 隨鼠標(biāo)的一群小點(diǎn); 小巧實(shí)用的鼠標(biāo)時(shí)鐘跟隨; 跟隨鼠標(biāo)的日期時(shí)間表盤(pán); 強(qiáng)制點(diǎn)擊廣告代碼; 會(huì)下雪的鼠標(biāo),好玩; 鼠標(biāo)單擊處崩出七彩星星

推薦特效代碼: 圍繞鼠標(biāo)的立體旋轉(zhuǎn)文字; 強(qiáng)制點(diǎn)擊廣告代碼; 小巧實(shí)用的鼠標(biāo)時(shí)鐘跟隨; 鼠標(biāo)玄酷星形跟隨特效; 舞動(dòng)星星包圍你的鼠標(biāo); 點(diǎn)擊會(huì)變色哦

<label id="rwzls"></label>

<label id="rwzls"></label>