http://blog.sina.com.cn/yangguangyao[订阅][手机订阅]
字体大小: 正文
【鼠标后面跟随彩色文字的代码】(2007-05-25 03:24:40)
 
 
<STYLE>.spanstyle{COLOR: #0066ff; FONT-FAMILY: 宋体;FONT-SIZE:9pt;FONT-WEIGHT:normal;POSITION:absolute;TOP:-50px;VISIBILITY:visible}</STYLE>
<SCRIPT><script>var message="你要写的文字";var x,y;var step=12;var flag=0;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+10;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_r("span"+(i)+".style");thisspan.posLeft=xpos[i];thisspan.posTop=ypos[i];thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}};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_r("document.span"+i);thisspan.left=xpos[i];thisspan.top=ypos[i];thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}}}</SCRIPT>
<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>
<SCRIPT>function pageonload(){makesnake();window.setTimeout("pageonload();", 2);}</SCRIPT>
<SCRIPT>pageonload()</SCRIPT>
 
在最上面一段代码中可以定义字体的大小,字体。然后把文字换成你想用的就可以用了。
 
 
直接把以上代码粘贴到以前你建立的模块后面就可以了~~~~~
 
状态栏底部特效代码 http://blog.sina.com.cn/u/446ae4ee010003l7
【鼠标后面跟随彩色文字的代码】 http://blog.sina.com.cn/u/446ae4ee010007a2
【博客代码】博客开场效果【震撼】 http://blog.sina.com.cn/u/446ae4ee010006v4
 
加载中,请稍候...
  • 评论加载中,请稍候...

验证码:请点击后输入验证码  收听验证码

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

相关博文
读取中...
推荐博文
读取中...