为你的 Blog 添加“跟随鼠标的文字”功能。

在“选项”->“配置”的“静态新闻/声明”中加入下面的语句就可以了:

<style type="text/css">
.spanstyle
{
 position:absolute;
 visibility:visible;
 top:-500px;
 font-size:10pt;
 color: #0000ff;
 font-weight:bold;
}
</style>

<script>
 var x,y
 var step=15
 var flag=0
 var message="欢迎您亲自光临铁拳的小站"
 message=message.split("")
 var xpos=new Array()
 for (i=0;i<=message.length;i++)
 {
  xpos[i]=-500
 }
 var ypos=new Array()
 for (i=0;i<=message.length;i++)
 {
  ypos[i]=-500
 }
 function handlerMM(e)
 {
  x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX-5
  y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY-75
  flag=1
 }
 function makesnake()
 {
  if (flag==1 && document.all)
  {
   for (i=message.length; i>=1; i--)
   {
    xpos[i]=xpos[i-1]+step
    ypos[i]=ypos[i-1]
   }
   xpos[0]=x+step
   ypos[0]=y
   for (i=0; i<message.length; i++)
   {
    var thisspan = eval("span"+(i)+".style")
    thisspan.posLeft=xpos[i]
    thisspan.posTop=ypos[i]
   }
  }
  else if (flag==1 && document.layers)
  {
   for (i=message.length; i>=1; i--)
   {
    xpos[i]=xpos[i-1]+step
    ypos[i]=ypos[i-1]
   }
   xpos[0]=x+step
   ypos[0]=y
   for (i=0; i<message.length; i++)
   {
    var thisspan = eval("document.span"+i)
    thisspan.left=xpos[i]
    thisspan.top=ypos[i]
   }
  }
  var timer=setTimeout("makesnake()",30)
 }
</script>

<body onLoad="makesnake()" >
<script>
 for (i=0;i<=message.length;i++)
 {
  document.write("<span id='span"+i+"'class='spanstyle'>")
  document.write(message[i])
  document.write("</span>")
 }
 if (document.layers)
 {
  document.captureEvents(Event.MOUSEMOVE);
 }
 document.onmousemove = handlerMM;
</script>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值