• 文字广告位
  • 文字广告位
  • 文字广告位
您现在的位置: 站长手册 >> 特效代码 >> 鼠标类 >> 正文
站内搜索
Google
[图文]跟随鼠标的文字
          ★★★   

跟随鼠标的文字

雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
人气: 来源:本站原创 作者:佚名 所属栏目:鼠标类 [切换到繁體中文]
介绍:很常用到的特效。刚学电脑时,看到别人网页上的文字跟着鼠标走,非常羡慕。后来才知道原来就是这么简单,只要修改几个字!

演示:

[Ctrl+A全选 提示:你可先修改部分代码,再按运行]

下面教你如何应用此特效: 
 --------------------------------------------------------------------------------------
  需要在<body 这里>加入的代码:
 --------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<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.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[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>
  • 上一个特效:
  • 下一个特效:
  • 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    姓 名: *(必填项) ·注册用户·
    Email: QQ号:
    评 分: 1分 2分 3分 4分 5分
    • 您可以发表评论支持你喜欢的文章。
    • 请遵守《互联网电子公告服务管理规定》
    • 请遵守中华人民共和国各项有关法律法规。
    • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    • 评论人需对自己在使用评论过程中的行为承担法律责任。
    • 本站管理员有权保留或删除评论内容。
    • 评论内容只代表个人观点,与本网站立场无关。
    站内特效搜索
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | | 京ICP备 05004866号 |
    版权所有 2007-2008 站长手册 WWW.ZZSC.ORG 业务联系 zzsc.org#gmail.com