网站首页
|
新闻
|
软件
|
Vista
|
硬件DIY
|
设计
|
欣赏
|
网络
|
病毒
|
开发
|
数据库
|
考试
|
英语
|
听力
|
范文
|
作文
|
管理
|
营销
|
专题
|
视频教程
|
网站地图
开发教室
程序设计
|
Delphi
|
Java
|
C++
|
VB
|
.NET
|
Css
|
Js
|
PHP
|
ASP
|
MySQL
|
数据库
|
WEB开发
|
网页特效
|
视频
首页
>
开发教室
>
网页特效
>
鼠标特效
> 正文
开发教室
很酷的跟随鼠标的三色彩带
2007-03-08 源自:
IT粉丝网
网友评论
0
条
进入视频教程
<html><head><title>网页<a href='http://www.itfensi.com/exploit/web/' target='_blank' class='infotextkey'>特效</a>|itfensi.com/Js|---很酷的跟随鼠标的三色彩带</title></head><body bgColor=#000000><!--将以下代码加入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></body></html>
提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。
上一篇：
与以往不同的跟随鼠标的滚动文字
下一篇：
疯狂攻击鼠标
内容评论
文章纠错
发送朋友
收藏本文
复制本文链接(URL)发送给朋友：
相关内容
无相关信息
评论
点击查看
通行证
密码
匿名发表
开发频道推荐
PHPnow轻松打造专业PHP服务器环境
轻松建立自己的网站 动易系统帮你完成
jsp环境下FCKeditor编辑器的应用
php教程：php设计模式介绍之单条模式
开发热点文章
疯狂攻击鼠标
类似Windows自定义过的鼠标
很酷的跟随鼠标的三色彩带
与以往不同的跟随鼠标的滚动文字
鼠标单击处崩出七彩星星
按住鼠标左键可以滚动页面
非常别致的一款方向光标
围绕鼠标旋转的红心，围绕方式多样
鼠标随移动的方向而改变
很有特色的荧光鼠标
编程开发视频
电脑维修视频
Visual Studio Team System面面观系列课程
Visual Studio .NET C#视频教程
2008 Powerpcb 5.0视频教程
PRTOEL99 SE在线视频教合集
UG4.0编程视频教程
Visual Studio NET 2008 开发特性视频教程
C语言视频教程(曾怡)
数据库基础讲座
数据结构课程-电子科技大学版
Delphi经典编程视频教程
HTTP基本操作实例教程
JPS基本操作实例教程
DOS基本命令视频教程
windows组策略使用视频
路由设置教程
微软mcse认证视频教程
Exchange Server 2007系列课程
windows2003从入门到精通系列
Windows原理 视频教程
计算机组成原理视频
ccna认证教程
网络安全视频教程 上海交大
freebsd视频教程
架设流媒体服务器
关于iT粉丝
/
大事记
/
广告服务
/
联系我们
/
网站地图
/
友情链接
/
用户注册
/
版权声明
/
加入我们
itFensi.com All Rights Reserved 版权所有·IT粉丝网
© 2006 - 2008
