Maison > Article > interface Web > Explication détaillée des étapes pour implémenter le titre défilant à l'aide de js
Explication détaillée des étapes pour implémenter le titre défilant à l'aide de js
- php中世界最好的语言original
- 2018-04-17 16:39:141369parcourir
Cette fois, je vais vous donner une explication détaillée des étapes pour implémenter le Rolling Title en js. Quelles sont les précautions pour implémenter le Rolling Title en js. Voici un cas pratique, prenons. un regard.
<!DOCTYPE html>
<html>
<head>
<meta content="text/html" charset="utf-8">
<title></title>
<style type="text/css">
*{
margin:0;
padding:0;
font-family:'微软雅黑';
}
img{
float:left;
}
</style>
</head>
<body>
</body>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
var position=0;
var message='^_^欢迎浏览本网站';
var x=2*(60/message.length);//要保证是两倍
var newStr='';
for(var i=0;i<x;i++){
newStr+=message;
}
function titleTex(){
var title=newStr.substring(position,position+60);
position++;
if(position==60){//刚好截取到尾巴
position=0;
}
document.title=title;
}
setInterval(titleTex,150);
</script>
</html>
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
angularJS+Ionic implémente la fonction de téléchargement d'images mobiles
Comment utiliser le module de délai de préchargement angulaire
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!