产品使用及交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

这样的特效放在哪里? [复制链接]

1#
想做一个跟随鼠标文字的特效,在网上找到了代码,但是不知道放哪,在站里搜到一个贴子,xiyou大神你说代码放到页面底部,我放了不行啊,是不是格式摆放的问题?请教一下具体怎么弄

代码如下:
<html>
<head>
<title>跟随鼠标的字符:在鼠标后面跟着一串飘动的字符,想写什么就写什么</title><style type="text/css">
.spanstyle {
COLOR: #3366ff; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<script>
var x,y
var step=18
var flag=0
// Your snappy message. Important: the space at the end of the sentence!!!
var message="租天站长源码www.zutian.net! "
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos=-200
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=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
thisspan.posTop=ypos
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=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
thisspan.top=ypos
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
</head>
<body>
<body>
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message)
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
</body>
</html>
分享 转发
TOP
2#

把SCRIPT之间中内容保存为:tx.js,UTF8格式,然后放在JS目录中

后台顶部信息中源代码模式中加
<script src=/js/tx.js></script>

一般是这样,具体行不行自己慢慢调试
TOP
3#

记号,这是调用js的方法。不错,谢谢xiyou
TOP
发新话题 回复该主题