跟随鼠标的彩色方格

原创 2004年09月15日 11:58:00
跟随鼠标的彩色方格

源作者:追风                   人气:5913

<script language="JavaScript">
<!--
if (document.all){
//To add more stars simply add more colours in below array!!
colours=new Array("ff0000","00ff00","3366ff","ff00ff","ffa500","ffffff","fff000")


//Alter nothing below!!
amount=colours.length;
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,
my=0,mx=0;
document.write("<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">");
for (i=0; i < amount; i++)
document.write("<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px;color:"+colours[i]+";padding-top:20px;text-align:center">.</div>");
document.write("</div></div>");
ini=1;
gstep=1;
function iMouse(){
my=event.y;mx=event.x;
}
document.onmousemove=iMouse
function dim(){
ini-=gstep;
dt=setTimeout("dim()",10);
if (ini < 2){
clearTimeout(dt);
glow();
}
}
function glow(){
ini+=gstep;
gt=setTimeout("glow()",10);
if (ini > 14){
clearTimeout(gt);
dim();
}
}
function stars(){
ie.style.top=document.body.scrollTop;
for (i=0; i < amount; i++)
 {
 var layer=iestars[i].style;
 layer.filter="glow(color="+colours[i]+", strength="+ini+")";
 layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
 layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
 }
currStep+=step;
}
function delay(){
Ydelay = YgetDelay+=(my-YgetDelay)*1/20;
Xdelay = XgetDelay+=(mx-XgetDelay)*1/20;
stars();
setTimeout("delay()",10);
}
delay();
glow();
}
//-->
</script>
把以上代码放入<head>...</head>就行.

DIV+js+css跟随鼠标的浮动提示框

转载地址:http://blog.163.com/meng_qiang/blog/static/1773543732011416105516937/
  • qm2010429
  • qm2010429
  • 2014年06月19日 11:24
  • 2718

【jQuery】一个跟随鼠标运动的图层

一、基本目标 写一个跟随鼠标运动的图层, 图层中显示当前鼠标的位置, 如下图, 此图层之所以使用jQuery,而不是因为javascript,是因为jQuery的代码其便于兼容当前的所...
  • yongh701
  • yongh701
  • 2014年12月01日 10:42
  • 965

JavaScript 跟随鼠标的彩色字符

    .spanstyle { COLOR: #0066ff; FONT-FAMILY: 隶书; FONT-SIZE: 14pt; FONT-WEIGHT: normal; POSITION: ab...
  • qiao6174
  • qiao6174
  • 2010年04月22日 20:06
  • 391

跟随鼠标的文字

var disWord = "文字"; var dConst = 4; var xConst = 30; var yConst = 0; var sConst = 4.000000E-001; var...
  • yinyiniao
  • yinyiniao
  • 2009年11月04日 21:46
  • 341

跟随鼠标的字

脚本说明:第一步:把如下代码加入区域中.spanstyle { COLOR: #ffd8ff; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute...
  • denal
  • denal
  • 2003年03月10日 10:20
  • 946

跟随鼠标的时钟

colors = new Array(330099,00ff00,ff00ff);sCol = ff00ff;mCol = 00ff00;hCol = red;H = ***;H = H.split(...
  • yanjiaye520
  • yanjiaye520
  • 2009年09月22日 23:28
  • 311

jquery加CSS3实现导航跟随鼠标移动

经常看到有的网页导航菜单下有个底部边框跟随鼠标移动到的位置而移动仔细想了下,如果只用jquery来实现发现会变得复杂,那么我们知道CSS3里有过度属性transition一.transition属性的...
  • yy211zhu
  • yy211zhu
  • 2016年08月19日 18:05
  • 337

跟随鼠标的字符

//跟随鼠标的字符------------------------------------------------------脚本说明:第一步:把如下代码加入区域中.spanstyle { COLOR...
  • zcb888
  • zcb888
  • 2010年05月27日 11:13
  • 251

跟随鼠标的萤火虫

以下是代码,无须修改if (!document.layers&&!document.all)event="test"function showtip2(current,e,text){if ...
  • wjrong
  • wjrong
  • 2004年07月12日 13:43
  • 1129

js实现跟随鼠标移动的提示框

js实现文本框内跟随鼠标移动的提示框,即当鼠标在指定的文本框内时,弹出一个提示,根据鼠标移动显示在鼠标右下角,鼠标离开文本框时提示消失,效果如下: 首先需要定义一个div块,弹出的提示实...
  • zlinhua
  • zlinhua
  • 2012年10月26日 09:18
  • 1507
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:跟随鼠标的彩色方格
举报原因:
原因补充:

(最多只允许输入30个字)