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

王朝other·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航