100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript如何实现打字机效果实例代码详解

javascript如何实现打字机效果实例代码详解

时间:2021-11-25 00:26:33

相关推荐

javascript如何实现打字机效果实例代码详解

web前端|js教程

javascript,打字机,js

web前端-js教程

JavaScript 打字机效果

实例1

棋牌app源码,vscode重装,ubuntu n270,tomcat冗余,sqlite 模糊查找,外贸企业 国外服务器 哪家比较好,地图放大缩小 插件,js前端框架ui,爬虫 前,php接收不到post数据,许昌seo优化,网购网站系统,网页评价系统源代码,html 模板 php,html点击按钮切换页面按钮不动,员工档案管理系统v6.0,android 程序管理源码lzw

JavaScript 打字机body{ font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; margin-top:0px; background-image:url(../../images/heading3.jpg); background-repeat:no-repeat; padding-top:100px; } #myContent, #myContent blink{ width:500px; height:200px; background:black; color: #00FF00; font-family:courier; } blink{ display:inline; } var charIndex = -1; var stringLength = 0; var inputText; function writeContent(init){ if(init){ inputText = document.getElementById(contentToWrite).innerHTML; } if(charIndex==-1){ charIndex = 0; stringLength = inputText.length; } var initString = document.getElementById(myContent).innerHTML; initStringinitString = initString.replace(/<SPAN.*$/gi,"");var theChar = inputText.charAt(charIndex); var nextFourChars = inputText.substr(charIndex,4); if(nextFourChars==

|| nextFourChars==

){ theChar =

; charIndex+=3; } initStringinitString = initString + theChar + "_"; document.getElementById(myContent).innerHTML = initString; charIndexcharIndex = charIndex/1 +1; if(charIndex%2==1){ document.getElementById(link).style.display= one; }else{ document.getElementById(link).style.display=inline; } if(charIndex<=stringLength){ setTimeout(writeContent(false),150); }else{ blinkSpan(); } } var currentStyle = inline; function blinkSpan(){ if(currentStyle==inline){ currentStyle= one; }else{ currentStyle=inline; } document.getElementById(link).style.display = currentStyle; setTimeout(linkSpan(),500);}

Login : username

password : ******

Access is granted

writeContent(true);

实例2 (兼容IE,FX)

源码平台下载,vscode文件的乱码,ubuntu联网检查,如何新建tomcat项目,爬虫Twitter,php 上传图片命名,seo技术培训苏州,网站源码商场,模板工视频教程lzw

打字效果的带链接的新闻标题body{font-size:14px;font-weight:bold;}最新内容:var NewsTime = 2000; //每条新闻的停留时间var TextTime = 50; //新闻标题文字出现等待时间,越小越快 var newsi = 0;var txti = 0;var txttimer;var newstimer; var newnewstitle = new Array(); //新闻标题var newnewshref = new Array(); //新闻链接 newstitle[0] = "javascript常用函数";newshref[0] = "/article/74365.htm"; newstitle[1] = "/";newshref[1] = "/"; function shownew(){ var endstr = "_"; hwnewstr = newstitle[newsi]; newslink = newshref[newsi]; if(txti==(hwnewstr.length-1)){endstr="";} if(txti>=hwnewstr.length){ clearInterval(txttimer); clearInterval(newstimer); newsi++; if(newsi>=newstitle.length){ newsi = 0 } newstimer = setInterval("shownew()",NewsTime); txti = 0; return; } clearInterval(txttimer); document.getElementById("HotNews").href=newslink; document.getElementById("HotNews").innerHTML = hwnewstr.substring(0,txti+1)+endstr; txti++; txttimer = setInterval("shownew()",TextTime);}shownew();

zhu源码网,简述ubuntu是什么,python爬虫进阶翻译,php架构能力,新站seo点击lzw

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