JS打字特效 JS 原生代码

最新推荐文章于 2023-07-04 16:52:15 发布

蚂蚁上的大象

最新推荐文章于 2023-07-04 16:52:15 发布

阅读量1.2k

点赞数 2

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/Jensen_Yao/article/details/64928181

版权

JavaScript 专栏收录该内容

76 篇文章 2 订阅

订阅专栏

<html>
<head>
<title>打字效果的带链接的新闻标题</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
body{font-size:14px;font-weight:bold;}
</style>
</head>
<body>
最新内容：<a id="HotNews" href="" target="_blank"></a>
<script>
var NewsTime = 2000;	//每条新闻的停留时间
var TextTime = 50;		//新闻标题文字出现等待时间，越小越快
var newsi = 0;
var txti = 0;
var txttimer;
var newstimer;
var newstitle = new Array();	//新闻标题
var newshref = new Array();		//新闻链接
newstitle[0] = "Jensen_Yao的博客";
newshref[0] = "http://blog.csdn.net/jensen_yao";
newstitle[1] = "http://blog.csdn.net/jensen_yao";
newshref[1] = "http://blog.csdn.net/jensen_yao";
newstitle[2] = "最高的效率就是对现有材料的最佳利用。";
newshref[2] = "http://blog.csdn.net/jensen_yao";
newstitle[3] = "学会偷懒！";
newshref[3] = "http://blog.csdn.net/jensen_yao";
newstitle[4] = "hello!";
newshref[4] = "http://blog.csdn.net/jensen_yao";
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();
</script>
<p><a href="http://www.108js.com" target="_blank">Jensen_Yao的博客</a></p>
</body>
</html>

蚂蚁上的大象

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS打字特效 JS 原生代码

打字效果的带链接的新闻标题body{font-size:14px;font-weight:bold;}最新内容：var NewsTime = 2000; //每条新闻的停留时间var TextTime = 50; //新闻标题文字出现等待时间，越小越快var newsi = 0;var txti = 0;var txttimer;var newstimer;var
复制链接

扫一扫