100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript 打字效果的文字特效_文字特效

javascript 打字效果的文字特效_文字特效

时间:2021-06-16 03:36:32

相关推荐

javascript 打字效果的文字特效_文字特效

web前端|js教程

打字效果

web前端-js教程

本节代码主要使用了 onMousedown 事件和 event.button 属性,主要功能和用法如下。

• setTimeout 方法,在执行时是在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

• charAt 方法返回一个字符值,该字符位于指定索引位置。字符串中的第一个字符的索引为0,第二个的索引为1,等等。超出有效范围的索引值返回空字符串。

怎么把授权系统加入PHP的源码中,ubuntu启动多个终端,python网络爬虫安装,php肉鸡,河北沧州SEOlzw

打字效果的文字特效var layers = document.layers; var style = document.all; var both = layers || style; var idme = 908601; if(layers) //如果不是ie浏览器 { layerRef = ‘document.layers’; styleRef = ”; } if(style) //如果是ie浏览器 { layerRef = ‘document.all’; styleRef = ‘.style’; } function writeOnText(obj, str) { //函数在页面上打印字符串 if(layers) { with(document[obj]) { document.open(); document.write(str); //write方法打印字符串 document.close(); } } if(style) eval(obj+’.innerHTML = str’); //使用innerHTML属性显示字符串 } var dispStr = new Array(“脚本之家-”); //字符串数组 var overMe = 0; function txtTyper(str, idx, idObj, spObj, clr1,clr2, delay, plysnd) //函数:实现打字效果 { var tmp0 = tmp1 = ”, skip = 100; if(both && idx <= str.length) { if(str.charAt(idx) == ’) idx++; idx++; } if(str.charAt(idx) == ‘&’ && str.charAt(idx+1) != ”) { while(str.charAt(idx) != ‘;’) idx++; idx++; } tmp0 = str.slice(0, idx); tmp1 = str.charAt(idx++); if(overMe==0 && plysnd==1) { if(navigator.plugins[0]) { if(navigator.plugins[“LiveAudio”][0].type == “audio/basic” && navigator.javaEnabled()) { document.embeds[0].stop(); setTimeout(“document.embeds[0].play(false)”, 100); } } else if(document.all) { ding.Stop(); setTimeout(“ding.Run()”, 100); } overMe = 1; } else { overMe = 0; } writeOnText(idObj, “”+tmp0+””+tmp1+””); //调用writeOnText函数将字符显示在网页上 setTimeout(“txtTyper(‘”+str+”‘, “+idx+”, ‘”+idObj+”‘, ‘”+spObj+”‘, ‘”+clr1+”‘, ‘”+clr2+”‘, “+delay+”, “+plysnd+”)”, delay); } } function init() { txtTyper(dispStr[0], 0, ‘tt10’, ‘ttll’, ‘#339933’, ‘#99FF33’, 300, 0);//调用txtTyper函数开始打字 }

qq空间app源码,vscode隐藏终端还原,ubuntu无人值守,tomcat 多核配置,雨天爬虫,php 前台模板,企业关键词seo,如何开发 网站源码,开源程序模板lzw

打字效果的文字特效

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]运行该程序后,页面出现一个提示信息,然后逐个出现字符。如此逐个出现字符后,等待全部打印完毕即可停止打印。

旅游类型静态页面源码,ubuntu不能连ssh,tomcat的配置及部署,HTTP和爬虫,php前端教程学习,seo托管seo托管lzw

源程序解读

(1)程序首先建立了一个层,其 ID 为 ttl0,便于以后调用。这个层用来显示打印的文字。

(2)程序在元素上添加 onLoad 事件,当整个页面载入完成以后,该事件被触发,调用 init() 事件处理函数,对该事件进行处理。

(3)在函数 txtTyper() 中,使用 charAt 方法得到字符串中的某个字符。使用 if 条件语句判断该字符是否满足尽头。满足条件后打印在页面上。

(4)在 if 语句中,也可使用任意合法的 JavaScript 语句,完成更为复杂的操作。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。