如何制作网页上的打字效果! - Dreamweaver及网页制作 - 5D艺术网，我的艺术网！

» 互动论坛 » Dreamweaver及网页制作 » 如何制作网页上的打字效果!

跳转到：

每页显示15条 1/1 << <1 >>

	主题: 如何制作网页上的打字效果!
哲风职务：普通成员等级：1 金币：0.0 发贴：67 注册：2003/2/24 19:01:19	引用 #12003/11/29 0:34:13 如何在网页上做出打字效果，而且关键是要能反复。很多JS代码都可以做出打字，但无法进行重复再打！
我佛山人职务：版主等级：4 金币：16.0 发贴：2269 注册：2002/8/7 15:09:27	引用 #22003/11/29 1:14:31 <span id="demo"></span> <script defer> var text="JavaScript实现的打字效果" //预定文字 var delay=200 //文字出现的时间间隔 var i=0 //初始化变量 i function scrollit(){ demo.innerText=text.slice(0,i++)+"_" //设置 id 为 demo 的对象内的文字为从变量 text 的 0 开始到 i 间的文字加"_" if(i>=text.length){ //当 i 大于或等于变量 text 的文本长度时 i=0 //重设 i 为 0，使文字重新从第一个文字出现 setTimeout("scrollit()",delay10) //延时执行scrollit()函数,delay10是为了让显示完整文字的时间长一点 } else setTimeout("scrollit()",delay) //否则在delay毫秒后再次执行scrollit()函数 } scrollit() //调用scrollit()函数 </script> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
哲风职务：普通成员等级：1 金币：0.0 发贴：67 注册：2003/2/24 19:01:19	引用 #32003/11/29 9:19:42 非常感谢！已经试成功喽　：）我想再多个功能。 1.如果我想让它这一行打得不只这一句话，第二句，第三句要打出来改哪个代码？ 2.我想把它放在我网页中的任意一个位置，是不是先做成个JS脚本，然后插入到需要的位置即可？这个脚本怎么做呀？呵呵！
风吹蜡烛职务：普通成员等级：2 金币：1.0 发贴：334 注册：2003/11/13 20:35:23	引用 #42003/11/29 9:57:24 我认为你只要把：javascript实现的打字效果改成你的话就行了。如果要插入网页中，可直接插入：<body>区或则添加到：javascript里去作调用~！
哲风职务：普通成员等级：1 金币：0.0 发贴：67 注册：2003/2/24 19:01:19	引用 #52003/11/29 19:11:18 改我已经成功！我说的是下面的两个问题没法解决：（
风吹蜡烛职务：普通成员等级：2 金币：1.0 发贴：334 注册：2003/11/13 20:35:23	引用 #62003/11/29 20:00:20 这个你该行了我把我做的源代码都给你了，你应该明白了。 <html> <head> <title>无标题文档</title> </head> <body> <script language="javascript1.2"> var it=0 function initialize(){ mytext=typing.innerText var myheight=typing.offsetHeight typing.innerText='' document.all.typing.style.height=myheight document.all.typing.style.visibility="visible" typeit() } function typeit(){ typing.insertAdjacentText("beforeEnd",mytext.charAt(it)) if (it<mytext.length-1){ it++ setTimeout("typeit()",100) } else return } if (document.all) document.body.onload=initialize </script> <tr> <td align="center"> <p align="left"> <span id="typing" style="visibility:hidden" align="left"> <p>我实在被你郁闷了</p> <p>我换个程序给你，我就不信还不行，这个怎么样？应该可以了。如果再不行的话，我正的要郁闷了</p> <p>不要让我在郁闷。</p> <p>呵呵</p></td> </tr> </table> </body> </html>
哲风职务：普通成员等级：1 金币：0.0 发贴：67 注册：2003/2/24 19:01:19	引用 #72003/12/1 9:50:49 谢谢风吹蜡烛！三个问题都已经解决！
清风职务：普通成员等级：1 金币：1.0 发贴：197 注册：2003/2/28 0:26:50	引用 #82003/12/1 13:18:09 用动画格式是不是简单点?
风吹蜡烛职务：普通成员等级：2 金币：1.0 发贴：334 注册：2003/11/13 20:35:23	引用 #92003/12/1 14:45:28 动画修改的时候不好改吧~并且对浏览效果也不见得很好
哲风职务：普通成员等级：1 金币：0.0 发贴：67 注册：2003/2/24 19:01:19	引用 #102003/12/1 16:17:23 是的，那样太麻烦了.要是你改文字或文字一多，就不行了。

每页显示15条 1/1 << <1 >>