Maison > Article > interface Web > JS réalise un titre de page Web super simple en cours d'exécution et des compétences code_javascript à effet d'invite clignotante

JS réalise un titre de page Web super simple en cours d'exécution et des compétences code_javascript à effet d'invite clignotante

WBOYoriginal: 2016-05-16 15:35:261723parcourir

L'exemple de cet article décrit l'implémentation JS d'un titre de page Web super simple exécutant et faisant clignoter un code d'effet d'invite. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Voici une démonstration de l'effet d'exécution du texte du titre de la page Web obtenu avec seulement quelques lignes de code JS, similaire à la fonction de rappel clignotant du titre lorsqu'il y a un message dans le code JS, lorsque la variable _record s'accumule à 3, on lui attribue la valeur 1. Equivalent à une boucle infinie. Le contenu de l'invite de message qui doit être affichée peut être personnalisé.

La capture d'écran de l'effet en cours d'exécution est la suivante :

L'adresse de la démo en ligne est la suivante :

http://demo.jb51.net/js/2015/js-title-blink-style-codes/

Le code spécifique est le suivant :

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS实现title标题闪烁提示信息</title>
</head>
<body>
<script type="text/javascript">
_record = 0;
var myTitle = document.title;
function titleBlink(){
  _record++;
  if(_record==3){//当变量_record累加到3是，将其赋值为1。相当于无限循环。
    _record=1;
  }
  if(_record==1){
    document.title='【  】'+myTitle;
  }
  if(_record==2){
    document.title='【新消息】'+myTitle;
  }
  setTimeout("titleBlink()",500);//调节时间，单位毫秒。
}
titleBlink();
</script>
<center><h1>几行js实现闪烁的title。</h1></center>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

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：js implémentation du formulaire de soumission multi-boutons, traitement des actions, méthode_javascriptArticle suivant：js implémentation du formulaire de soumission multi-boutons, traitement des actions, méthode_javascript

Articles Liés

Voir plus