Les partenaires publicitaires:

Comment créer une bordure clignotante sur div

Création d'une bordure clignotante sur un

élément est un bon moyen d'attirer l'attention des visiteurs à votre site Web. Pour ce faire, vous aurez besoin d'utiliser "setInterval ()" la fonction javascript pour créer une boucle à clignoter la frontière de la DIV. Le nombre de couleurs utilisées dans l'animation clignotant est effectivement illimitée, ce qui signifie que vous pouvez créer une bordure clignotante pour correspondre à un site Web ou environnement.

Instructions

  1. Ouvrez le fichier .html ou .PHP qui contient votre page Web. Parce que les éditeurs de texte riche comme Word peuvent introduire des erreurs qui réduisent la compatibilité mise en forme, utilisez un simple éditeur comme Notepad ou TextEdit pour apporter des modifications au code HTML.

  2. Faites défiler jusqu'à la section d'en-tête du document HTML. Ajoutez le code suivant immédiatement après la ""Balise d'ouverture:




  3. Changer "# ffffff" - solide blanc - et "# 000000" - noir solide - si nécessaire, à des couleurs qui correspondent à votre site mieux. Utilisez la notation de couleur HTML standard, avec "#" suivi de deux chiffres hexadécimaux pour la valeur de rouge, deux pour le vert et deux pour le bleu.



  4. Ajouter un nouveau

    élément de la section de corps de votre page Web en utilisant le code suivant:

    Commencent à clignoter

    Cela va créer une nouvelle DIV, avec une bordure épaisse autour des mots "commencent à clignoter» qui, lorsqu'on clique dessus, clignote rapidement la frontière DIV.

Conseils Avertissements

  • Le code peut être utilisé avec n'importe quel
    element- il suffit de changer la partie entre les parenthèses de la fonction flash () à l'id de la nouvelle DIV. Par exemple, si vous aviez un div appelé «conteneur», on écrirait "
    " au lieu.
  • Si vous voulez flasher la frontière avec plus de deux couleurs, ajouter "else if" après le "if ()" déclaration dans la fonction changeBorder (), l'augmentation de la valeur de l '"état" de variable à chaque calendrier pour exemple, " else if (état == 1) {document.getElementById (div_id) .style.borderColor = '# 888888'- état = 2} "va provoquer la frontière de DIV à clignoter grise (" # 888888 ") avant qu'il ne clignote noir.
» » » » Comment créer une bordure clignotante sur div