jQuery打字效果实现方法(附demo源码下载)

前端技术 2023/09/05 JavaScript

本文实例讲述了jQuery打字效果实现方法。分享给大家供大家参考，具体如下：

运行效果截图如下：

点击此处查看在线演示效果。

1.前台页面代码：

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
 <title>无标题页</title>
 <script type=\"text/javascript\" src=\"jquery-1.4.2.min.js\"></script>
 <script type=\"text/javascript\" src=\"jticker_split.js\"></script>
 <script type=\"text/javascript\">
 $(function(){
  $(\"#ticker\").ticker({
    cursorList: \" \",
    rate: 100,
    delay: 4000
   }).trigger(\"play\").trigger(\"stop\");
 });
 </script>
</head>
<body>
 <div id=\"ticker\" style=\"height: 200px; width: 500px; border: solid 1px #cccccc;\">
 <div>
  <h3>
  1.1 RIA与Flex</h3>
  <p>
  当下非常流行一个名词叫RIA，RIA全称是Rich Internet Application，翻译成中文为丰富互联网应用程序。RIA 是集桌面应用程序的最佳用户界面功能与Web应用程序的普遍采用和快速、低成本布署以及互动多媒体通信的实时快捷于一体的新一代网络应用程序。目前WEB领域和桌面软件领域正逐步向RIA靠拢，预计3、5年后RIA的时代将会完全到来。</p>
 </div>
 </div>
</body>
</html>

2.jticker_split.js脚本代码：

本站下载。

希望本文所述对大家jQuery程序设计有所帮助。

本文地址：https://www.stayed.cn/item/12754

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案