+ -
当前位置:首页 → 问答吧 → 弹簧文字

弹簧文字

时间:2008-12-01

来源:互联网

在中适当位置加入如下代码:&nbsp;&nbsp;&lt;script language=\"<I>javascript</I>\"&gt; <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;&lt;!-- <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;var sizes=new Array(\"-2px\",\"-1px\",\"0px\",\"1px\",\"2px\",\"3px\",\"4px\", <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;\"5px\",\"6px\",\"7px\",\"8px\",\"9px\",\"10px\",\"11px\",\"12px\",\"13px\"); <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;sizes.pos=0; <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;function rubberBand() <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;{ <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;var el=document.all.elastic; <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;if(null==el.direction) <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;el.direction=1; <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;else if((sizes.pos&gt;sizes.length-2)||(0==sizes.pos)) <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;el.direction*=-1; <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;el.style.letterSpacing=sizes[sizes.pos+=el.direction]; <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;} <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;--&gt; <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;&lt;/script&gt; <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;&lt;body&gt;改为&lt;body onload=\"setInterval('rubberBand()',150)\"&gt;,然后在body后适当位置加入如下代码: <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;&lt;center&gt; <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;&lt;h2 id=\"elastic\"&gt;弹簧文字 <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;&lt;/h2&gt; <BR>&nbsp;&nbsp; <BR>&nbsp;&nbsp;&lt;/center&gt;
当然可在上述代码中加入文字的大小和颜色等,文字就会像弹簧一样左右伸缩。

作者: 草上飞   发布时间: 2008-12-01

热门下载

更多