正文

鼠标跟随效果2006-06-22 10:03:00

【评论】 【打印】 【字体: 】 本文链接:http://blog.pfan.cn/tankboy/16104.html

分享到:

 大家看了我博客上的鼠标跟随特效是不是也想拥有一个啊?呵呵,别急,我来教大家怎么做:

首先你要进入修改主模板页面,切换到源码。

再来就是找一个鼠标特效的代码,我的代码是这样的:

<STYLE type=text/css>
.spanstyle {
COLOR:red; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</STYLE>

<SCRIPT>
var x,y
var step=18
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]=-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 www_helpor_net() {
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("www_helpor_net()",30)
}
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;
www_helpor_net();
// -->
</SCRIPT>

 

注明:红色标注的是修改字体颜色

     绿色的是鼠标后面跟着的字体。

然后把代码加到模板最后面的任意空白地方,保存修改就OK了,觉得是不是很简单啊?呵呵,当然,鼠标特效有很多,比如跟随,环绕等等,大家喜欢可以到网上去搜索的。有时间给大家找更多有趣的东西。如果大家有什么疑问,可以给我留言,我会尽快给大家回复!

相关链接演示:http://www.cn7net.com/boke/user1/wuyou/archives/2006/41.html

 

雪花http://imgfree.21cn.com/free/flash/130.swf
炫http://www.2000y.net/100006/uploadpic/flash/13.swf
彩色跟随http://imgfree.21cn.com/free/flash/75.swf
一条跟随鼠标的鱼游http://zqbbs.netsh.com/usr/12/12_191_17.swf
跟随鼠标彩色小星星http://imgfree.21cn.com/free/flash/80.swf


把地址加到这个代码里
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'图片地址\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">

阅读(2502) | 评论(0)


版权声明:编程爱好者网站为此博客服务提供商,如本文牵涉到版权问题,编程爱好者网站不承担相关责任,如有版权问题请直接与本文作者联系解决。谢谢!

评论

暂无评论
您需要登录后才能评论,请 登录 或者 注册