正文

JS实现  打字机模拟2009-04-12 03:20:00

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

分享到:

index.htm文件: <html><head><style type="text/css">#typing{behavior:url(typing.htc);font-family:'courier new';}</style></head> <body><span id="typing" speed="100">IE5 introduced DHTML behaviors.Behaviors are a way to add DHTML functionality to HTML elementswith the ease of CSS.<br /><br />How do behaviors work?<br />By using XML we can link behaviors to any element in a web pageand manipulate that element.</p></span></body> ------------------------------------------------------------------------------------------------ typing.htc文件: <attach for="window" event="onload" handler="beginTyping" /><method name="type" /> <script type="text/javascript">var i,text1,text2,textLength,t; function beginTyping(){i=0;text1=element.innerText;textLength=text1.length;element.innerText="";text2="";t=window.setInterval(element.id+".type()",speed);} function type(){text2=text2+text1.substring(i,i+1);element.innerText=text2;i=i+1;if (i==textLength)  {  clearInterval(t);  }}</script>          

阅读(909) | 评论(0)


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

评论

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