本文主要和大家分享js打字特效代碼，希望能幫助到大家。
<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>相關推薦：
javascript實現自動輸出文本（打字特效）_javascript技巧
以上就是js打字特效代碼分享的詳細內容，更多請關注php中文網其它相關文章！