精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网易站务>>○ 网上求助>>◆ 网络相关 ◆>>○ 网页设计 ○>>鼠标伴随特效之Java脚本

主题:鼠标伴随特效之Java脚本
发信人: jibby()
整理人: saintrobust(2000-11-16 15:17:06), 站内信件
【 在 luobin2anny (真情罗宾) 的大作中提到: 】
: 本人做了主页,现在想在主页中加JAVASCRIT特效,用工具说是要我把代码加
: 在HTML的里,可是我不知道加的确定位置,希望友人帮帮我,我想加鼠标后跟
: 随字的特

将以下代码加入HTML的<body></body>之间,修改显示的文字及颜色代码即可

<style type="text/css">
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:9pt;
color: #000000;
font-weight:bold;
}</style>
<script>
var x,y
var step=20
var flag=0
var message="这里放你想加在鼠标后的文字"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clien
tX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.client
Y
flag=1}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; 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-1; 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-1; 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-1; 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-1;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>

--
兔子说:乌龟比我跑地慢!
乌龟说:蜗牛比我跑地慢!!
蜗牛说:INTERNET比我跑地慢!!! 
(回复请打个勾!^_*)

※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 202.103.107.196]

[关闭][返回]