发新话题
打印

小绿转载教程之跟踪鼠标痕迹的变色小星星

小绿转载教程之跟踪鼠标痕迹的变色小星星

这个论坛应该有不少人是玩博客的吧。想让自己的博客更华丽吗?
这里推荐一款代码。是跟踪鼠标痕迹的变色小星星哦。很漂亮的。知道如何嵌入吧。。。整套复制到你的博客代码库就可以了。不需要自己手动修改代码。
代码如下。



<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>
<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>

[ 本帖最后由 尛绿° 于 2008-6-20 13:16 编辑 ]
She said。

TOP

我虽然不做网页``可是要大大的支持````

TOP

发新话题