<script language="JavaScript">
<!--
// Effekt renkleri!!
var a_Colour='0B1E7A';
var b_Colour='8295C9';
var c_Colour='C4D6F5';
var Size=50;
//renk sonu!!
var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03;
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.cos(ThisStep+i*2)*Math.sin((ThisStep)*6);
XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6);
}
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>
分享到:
相关推荐
windows系统通用的鼠标特效1 鼠标滑过带五彩痕迹的星星泡泡 非常漂亮
鼠标事件特效鼠标事件特效鼠标事件特效鼠标事件特效鼠标事件特效鼠标事件特效鼠标事件特效
鼠标特效 html鼠标特效内有:跟随鼠标的图片 与以往不同的跟随鼠标的滚动文字,跟随鼠标很逼真的弹性小球,等等
鼠标特效技巧代码鼠标特效技巧代码鼠标特效技巧代码鼠标特效技巧代码
五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 表情 星星 五种jQuery鼠标移动点击特效 雪花 气泡 蝙蝠 ...
jsp鼠标效果 鼠标效果. 鼠标效果. jsp鼠标效果 鼠标效果. 鼠标效果. jsp鼠标效果 鼠标效果. 鼠标效果. jsp鼠标效果 鼠标效果. 鼠标效果.
js 特效 html 特效 鼠标的移动样式 js 特效 html 特效 鼠标的移动样式
js 特效 html 特效 鼠标点击效果 js 特效 html 特效 鼠标点击效果
教你 设置个性 的鼠标特效。你可以自己设置个性的特效。不会让你失望的
萤火虫儿似的萤火虫儿似的萤火虫儿似的萤火虫儿似的萤火虫儿似的萤火虫儿似的萤火虫儿似的
鼠标特效代码示例 javascript特效 文字的跟随 文字跟随鼠标悬浮
图标特效鼠标触碰特效,当鼠标移到图标时候出现的效果。
易语言鼠标滑动特效源码,鼠标滑动特效,取鼠标句柄
鼠标特效 鼠标特效 鼠标特效 鼠标特效 鼠标特效
js 特效 html 特效 跟随鼠标的小球 js 特效 html 特效 跟随鼠标的小球
这是一个前端特效,效果我已经在博客中有所展示,即HTML跟随鼠标特效,模拟跟随鼠标的路径,欢迎各位朋友下载!
鼠标移动效果鼠标移动样式鼠标移动效果鼠标移动样式鼠标移动效果鼠标移动样式鼠标移动效果鼠标移动样式
利用JavaScript实现的鼠标特效,可以自行修改鼠标特效显示内容,希望对大家有用。
鼠标特效
js 特效 html 特效 跟随鼠标的眼睛 js 特效 html 特效 跟随鼠标的眼睛