この記事では主に 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 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
