Maison interface Web js tutoriel JS implémente le code d'effet pop-up du texte de la barre d'état du navigateur de droite à gauche_compétences javascript

JS implémente le code d'effet pop-up du texte de la barre d'état du navigateur de droite à gauche_compétences javascript

May 16, 2016 pm 03:34 PM
js Effet pop-up 浏览器

L'exemple de cet article décrit l'implémentation JS de l'effet pop-up de texte de la barre d'état du navigateur de droite à gauche. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Le code contextuel du texte de la barre d'état apparaît ici de droite à gauche. L'effet peut être modifié en modifiant ces extraits de code dans le script :

var POSITION = 100
var DÉLAI = 4
var MESSAGE = "Voici le texte que vous souhaitez !"

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-status-bar-txt-scroll-codes/

Le code spécifique est le suivant :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>状态栏文字弹出代码,从右向左弹出</TITLE>
</HEAD>
<BODY>
<script language="JavaScript"> 
<!--
function statusMessageObject(p,d) {
 this.msg = MESSAGE
 this.out = " "
 this.pos = POSITION
 this.delay = DELAY
 this.i   = 0
 this.reset = clearMessage
}
function clearMessage() {
 this.pos = POSITION
}
var POSITION = 100
var DELAY  = 4
 var MESSAGE = "状态栏文字快速的一个一个弹出!!!  " 
var scroll = new statusMessageObject()
function scroller() {
 for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
  scroll.out += " "
 }
 if (scroll.pos >= 0)
  scroll.out += scroll.msg
 else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
 window.status = scroll.out
 scroll.out = " "
 scroll.pos--
 if (scroll.pos < -(scroll.msg.length)) {
  scroll.reset()
 }
 setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
 var msg = scroll.msg
 var out = ""
 for (var i=0; i<position; i++) 
  {out += msg.charAt(i)}
 for (i=1;i<jumpSpaces;i++) 
  {out += " "}
 out += msg.charAt(position)
 window.status = out
 if (jumpSpaces <= 1) {
  position++
  if (msg.charAt(position) == ' ') 
   {position++ }
  jumpSpaces = 100-position
 } else if (jumpSpaces > 3)
    {jumpSpaces *= .75}
 else
  {jumpSpaces--}
 if (position != msg.length) {
  var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
  scrollID = window.setTimeout(cmd,scroll.delay);
 } else {
  window.status=""
  jumpSpaces=0
  position=0
  cmd = "snapIn(" + jumpSpaces + "," + position + ")";
  scrollID = window.setTimeout(cmd,scroll.delay);
  return false 
 }
 return true
}
snapIn(100,0);
// -->
</script>
</BODY>
</HTML>

Copier après la connexion

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

Déclaration de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment résoudre le problème de l'interface tiers renvoyant 403 dans l'environnement Node.js? Comment résoudre le problème de l'interface tiers renvoyant 403 dans l'environnement Node.js? Mar 31, 2025 pm 11:27 PM

Résolvez le problème de l'interface tiers renvoyant 403 dans l'environnement Node.js. Lorsque nous utilisons Node.js pour appeler des interfaces tierces, nous rencontrons parfois une erreur de 403 à partir de l'interface renvoyant 403 ...

Tutoriel d'enregistrement GATE.IO Tutoriel d'enregistrement GATE.IO Mar 31, 2025 pm 11:09 PM

Cet article fournit un didacticiel d'inscription GATE.IO détaillé, couvrant chaque étape de l'accès au site officiel à la réalisation de l'enregistrement, notamment le remplissage des informations d'enregistrement, la vérification, la lecture des accords d'utilisateurs, etc. L'article est également en vigueur les mesures de sécurité après une inscription réussie, telles que la configuration de la vérification secondaire et la réalisation de l'authentification réelle, et donne des conseils à partir des débutants pour aider les utilisateurs secondaires à démarrer en toute sécurité leur parcours numérique.

OKX OUYI Exchange Version Web Entrez le lien Cliquez pour entrer OKX OUYI Exchange Version Web Entrez le lien Cliquez pour entrer Mar 31, 2025 pm 06:21 PM

1. Entrez la version Web d'OKX EUYI Exchange ☜☜☜☜☜☜ Cliquez pour enregistrer 2. Cliquez sur le lien de l'application OKX EUYI Exchange ☜☜☜☜ Cliquez pour enregistrer 3. Après être entré sur le site officiel, l'interface Efface fournit un portail de connexion et d'enregistrement. Les utilisateurs peuvent choisir de se connecter à un compte existant ou d'enregistrer un nouveau compte en fonction de leur propre situation. Qu'il s'agisse de visualiser les conditions du marché en temps réel, de mener des transactions ou de gérer des actifs, la version Web OKX offre une expérience de fonctionnement simple et fluide, adaptée aux débutants et aux anciens combattants. Visitez le site officiel OKX maintenant pour une expérience facile

OK Portail officiel Version Web OK Exchange OK Portail officiel Version Web OK Exchange Mar 31, 2025 pm 06:24 PM

Cet article détaille comment utiliser la version Web officielle d'OK Exchange pour se connecter. Les utilisateurs doivent uniquement rechercher "OK ​​Exchange Version Web officielle" dans leur navigateur, cliquez sur le bouton de connexion dans le coin supérieur droit après être entré sur le site Web officiel, et saisir le nom d'utilisateur et le mot de passe pour se connecter. Les utilisateurs enregistrés peuvent facilement gérer les actifs, effectuer des transactions, des dépôts et retirer des fonds, etc. L'interface officielle du site Web est simple et facile à utiliser, et fournit un soutien client complet pour assurer que les utilisateurs de la douceur ne sont que des échanges sur l'organisation. Qu'attendez-vous? Visitez le site officiel d'OK Exchange maintenant pour commencer votre parcours d'actifs numériques!

Gate.io Dernier tutoriel d'inscription pour les débutants Gate.io Dernier tutoriel d'inscription pour les débutants Mar 31, 2025 pm 11:12 PM

Cet article fournit aux débutants des tutoriels d'inscription GATE.IO détaillés, en les guidant pour terminer progressivement le processus d'enregistrement, y compris l'accès au site officiel, le remplissage d'informations, la vérification de l'identité, etc., et met l'accent sur les paramètres de sécurité après l'enregistrement. De plus, l'article a également mentionné d'autres échanges tels que Binance, Ouyi et Sesame Open Door. Il est recommandé que les novices choisissent la bonne plate-forme en fonction de leurs propres besoins et rappellent aux lecteurs que l'investissement des actifs numériques est risqué et devrait investir rationnellement.

Le dernier tutoriel d'inscription pour la version Web Gate.io Le dernier tutoriel d'inscription pour la version Web Gate.io Mar 31, 2025 pm 11:15 PM

Cet article fournit un tutoriel détaillé de la version Web Gate.io pour aider les utilisateurs à démarrer facilement avec le trading d'actifs numériques. Le tutoriel couvre chaque étape de l'accès au site officiel à la fin de l'inscription et met l'accent sur les paramètres de sécurité après l'inscription. L'article présente également brièvement d'autres plateformes de trading telles que Binance, Ouyi et Sesame Open Door. Il est recommandé que les utilisateurs choisissent la bonne plate-forme en fonction de leurs propres besoins et font attention aux risques d'investissement.

Recommandation de téléchargement de téléchargement de l'application Exchange Xbit Decentralized Recommandation de téléchargement de téléchargement de l'application Exchange Xbit Decentralized Mar 31, 2025 pm 08:21 PM

Cet article présente en détail les étapes de téléchargement et d'installation de l'application mobile XBIT Exchange, y compris quatre étapes: l'accès au site officiel (https://www.xbit.com/), le téléchargement du package d'installation du système d'exploitation correspondant (iOS ou Android), l'installation de logiciels (y compris les méthodes d'installation des systèmes iOS et Android), et enfin l'ouverture de l'application et l'enregistrement / logique dans le site Web. Sites Web et sélectionnez le package d'installation en fonction de votre propre version système. Si vous avez des questions, veuillez contacter le service client de Xbit Exchange Online.

Binance Binance Version de l'ordinateur Entrée Binance Binance Version de l'ordinateur PC Entrée de connexion officielle du site Web Binance Binance Version de l'ordinateur Entrée Binance Binance Version de l'ordinateur PC Entrée de connexion officielle du site Web Mar 31, 2025 pm 04:36 PM

Cet article fournit un guide complet de connexion et d'enregistrement sur la version Binance PC. Tout d'abord, nous avons expliqué en détail les étapes de connexion en binance PC Version: Recherchez le "site officiel de Binance" dans le navigateur, cliquez sur le bouton de connexion, entrez l'e-mail et le mot de passe (Activer 2FA pour entrer le code de vérification) pour vous connecter. Deuxièmement, l'article explique le processus d'e-mail: cliquez sur le bouton "Inscrivez-vous", remplissez l'adresse e-mail, définissez un mot de passe fort et Verifiez l'adresse de l'e-mail pour terminer l'affichage de l'inscription. Enfin, l'article met également l'accent sur la sécurité du compte, rappelant aux utilisateurs de prêter attention au nom de domaine officiel, à l'environnement réseau et à la mise à jour régulière des mots de passe pour assurer la sécurité des comptes et une meilleure utilisation des diverses fonctions fournies par la version Binance PC, telles que la visualisation des conditions du marché, la réalisation de transactions et la gestion des actifs.

See all articles