跟随鼠标的几个星星,不是很夸张,还可以用用

原创 2003年03月10日 10:20:00

脚本说明:
第一步:把如下代码加入<body>区域中
<STYLE TYPE="text/css">
<!--

BODY{
overflow:scroll;
overflow-x:hidden;
}

.s1
{
  position  : absolute;
  font-size : 12pt;
  color     : blue;
  visibility: hidden;
}

.s2
{
  position  : absolute;
  font-size : 20pt;
  color     : red;
 visibility : hidden;
}

.s3
{
  position  : absolute;
  font-size : 16pt;
  color     : gold;
 visibility : hidden;
}

.s4
{
  position  : absolute;
  font-size : 14pt;
  color     : lime;
 visibility : hidden;
}
-->
</STYLE>


第二步:把如下代码加入<body>区域中
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>


<script language="javascript" type="text/javascript" class="s5">

var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

function get_mouse(e)
{   
  x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
  y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
  x += x_offset;
  y += y_offset;
  beam(1);    
}

function beam(n)
{
  if(n<5)
  {
    if(nav)
    {
      eval("document.div"+n+".top="+y);
      eval("document.div"+n+".left="+x);
      eval("document.div"+n+".visibility='visible'");
    } 
    else
    {
      eval("div"+n+".style.top="+y);
      eval("div"+n+".style.left="+x);
      eval("div"+n+".style.visibility='visible'");
    }
    n++;
    tmr=setTimeout("beam("+n+")",spd);
  }
  else
  {
     clearTimeout(tmr);
     fade(4);
  }  
}

function fade(n)
{
  if(n>0)
  {
    if(nav)eval("document.div"+n+".visibility='hidden'");
    else eval("div"+n+".style.visibility='hidden'");
    n--;
    tmr=setTimeout("fade("+n+")",spd);
  }
  else clearTimeout(tmr);
}

// -->
</script>

跟随鼠标的旋转星星

  • zgqtxwd
  • zgqtxwd
  • 2008年05月01日 06:31
  • 144

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

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

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

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

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

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

跟随鼠标的文字

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

跟随鼠标的字符

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

跟随鼠标的字

脚本说明:第一步:把如下代码加入区域中.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

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

js实现文本框内跟随鼠标移动的提示框,即当鼠标在指定的文本框内时,弹出一个提示,根据鼠标移动显示在鼠标右下角,鼠标离开文本框时提示消失,效果如下: 首先需要定义一个div块,弹出的提示实...
  • zlinhua
  • zlinhua
  • 2012年10月26日 09:18
  • 1512

跟随鼠标的萤火虫

以下是代码,无须修改if (!document.layers&&!document.all)event="test"function showtip2(current,e,text){if ...
  • wjrong
  • wjrong
  • 2004年07月12日 13:43
  • 1129
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:跟随鼠标的几个星星,不是很夸张,还可以用用
举报原因:
原因补充:

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