Maison > interface Web > js tutoriel > Native JS implémente les compétences LOADING effect_javascript

Native JS implémente les compétences LOADING effect_javascript

WBOY
Libérer: 2016-05-16 16:09:09
original
1412 Les gens l'ont consulté

Effet de chargement de texte brut, vous pouvez définir vous-même la couleur et la vitesse

Copier le code Le code est le suivant :

/**Chargement de l'animation
* Créé par Black and White Mark le 15/03/11.
​*/

chargement de la fonction (élément, lightColor, darkColor, vitesse, rappel) {
Si(!element&&(!element.innerText||!element.textContent))return
element = typeof element==="string"?document.getElementById(element):element
lightColor = lightColor||"#fff",darkColor = darkColor||"#000",speed = vitesse||300

var arr_spanEles = nouveau tableau()
     
!function(arr_elementText){
         element.innerText=element.textContent=""
pour(var i=0;i               var span = document.createElement("span")
               element.innerText?span.innerText = arr_elementText[i]:span.textContent = arr_elementText[i]
              element.appendChild(span)
arr_spanEles.push(span)
>
}((element.innerText||element.textContent).split(""))

var index = -1,length = arr_spanEles.length
var chargementTimer = setInterval(function(){
arr_spanEles[Math.max(index,0)].style.color = darkColor
Si(index == longueur-1){
indice = -1
               rappel&&callback()
>
indice
arr_spanEles[index].style.color = lightColor
},vitesse)
>

Ce qui précède correspond à tout le contenu décrit dans cet article. J'espère qu'il sera utile à tous ceux qui apprennent le javascript.

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal