recherche

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中世界最好的语言
php中世界最好的语言original
2018-04-17 16:39:141422parcourir

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!

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：angulaireJS+Ionic implémente la fonction de téléchargement d'images mobilesArticle suivant：angulaireJS+Ionic implémente la fonction de téléchargement d'images mobiles

Articles Liés

Voir plus