📄 很酷的跟随鼠标的三色彩带.txt
字号:
<html>
<head>
<title>很酷的跟随鼠标的三色彩带</title>
</head><body bgColor=#333333 text="#FFFFFF">
<!--将以下代码加入HTML的<Body></Body>之间-->
<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 id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div 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 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 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>
<p><html><br>
<head><br>
<title>很酷的跟随鼠标的三色彩带</title><br>
</head><body bgColor=#333333><br>
<!--将以下代码加入HTML的<Body></Body>之间--></p>
<p><script language="JavaScript"><br>
<!-- <br>
var a_Colour='fff000';<br>
var b_Colour='00ff00';<br>
var c_Colour='ff00ff';<br>
var Size=120;</p>
<p>var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;<br>
if (document.layers){<br>
window.captureEvents(Event.MOUSEMOVE);<br>
function nsMouse(evnt){<br>
xpos = window.pageYOffset+evnt.pageX+6;<br>
ypos = window.pageYOffset+evnt.pageY+16;<br>
}<br>
window.onMouseMove = nsMouse;<br>
}<br>
else if (document.all)<br>
{<br>
function ieMouse(){<br>
xpos = document.body.scrollLeft+event.x+6;<br>
ypos = document.body.scrollTop+event.y+16;<br>
}<br>
document.onmousemove = ieMouse;<br>
}</p>
<p>function swirl(){<br>
for (i = 0; i < 3; i++)<br>
{ <br>
YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);<br>
XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);<br>
}<br>
ThisStep+=step;<br>
setTimeout('swirl()',10);<br>
}</p>
<p>var amount=10;<br>
if (document.layers){<br>
for (i = 0; i < amount; i++)<br>
{<br>
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');<br>
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');<br>
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');<br>
}<br>
}<br>
else if (document.all){<br>
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'<br>
+'<div id="IDiv" style="position:relative">');<br>
for (i = 0; i < amount; i++)<br>
{<br>
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');<br>
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');<br>
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');<br>
}<br>
document.write('</div></div>');<br>
}<br>
function prepos(){<br>
var ntscp=document.layers;<br>
var msie=document.all;<br>
if (document.layers){<br>
for (i = 0; i < amount; i++)<br>
{<br>
if (i < amount-1) <br>
{<br>
ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;<br>
ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;<br>
ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;<br>
} <br>
else <br>
{<br>
ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];<br>
ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];<br>
ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];<br>
}<br>
}<br>
}<br>
else if (document.all){<br>
for (i = 0; i < amount; i++)<br>
{<br>
if (i < amount-1) <br>
{<br>
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;<br>
msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;<br>
msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;<br>
} <br>
else <br>
{<br>
msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];<br>
msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];<br>
msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];<br>
}<br>
}<br>
}<br>
setTimeout("prepos()",10);<br>
}<br>
function Start(){<br>
swirl(),prepos()<br>
}<br>
window.onload=Start;<br>
// --><br>
</script><br>
</body></html></p>
</body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -