Maison > Article > interface Web > js tapant le partage de code d'effets spéciaux
js tapant le partage de code d'effets spéciaux
- 小云云original
- 2018-03-02 13:12:111281parcourir
Cet article partage principalement avec vous le code des effets spéciaux de saisie en js, j'espère qu'il pourra vous aider.
<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>Recommandations associées :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication de l'exemple de débogage du point d'arrêt JSArticle suivant：Explication de l'exemple de débogage du point d'arrêt JS