Maison > interface Web > js tutoriel > js implémente le principe de scintillement div et les compétences de mise en œuvre code_javascript

js implémente le principe de scintillement div et les compétences de mise en œuvre code_javascript

WBOY
Libérer: 2016-05-16 16:43:23
original
977 Les gens l'ont consulté

J'apprends à utiliser easyui récemment, et j'ai trouvé que le framework est vraiment pratique et simple à utiliser. Quiconque peut créer ce framework doit être au niveau d'un maître, c'est génial....

Je suis resté sans voix en tombant sur cette application aujourd'hui. Je l'ai compris immédiatement après avoir regardé le code source, mais avant cela, cela me paraissait encore très magique, je me disais souvent d'utiliser davantage mon cerveau. J'y ai effectivement réfléchi, mais l'effet est vraiment tiré par les cheveux. Quand j'ai sorti le code source et l'ai regardé, je l'ai très clairement compris. Si je pouvais voir ma propre expression à ce moment-là, ce serait probablement un. Si les changements quantitatifs conduisent à des changements qualitatifs, alors mes compétences sont loin derrière, je ne peux même pas être considéré comme bien informé, alors comment puis-je être créatif ?

Analysons d'abord le principe de mise en œuvre. Quel est le principe du scintillement ? En fait, il n'y en a qu'un. L'affichage alterne fréquemment entre aucun et blocage.

Commençons par le code :

partie html :

<div style="width: 50px;height: 50px;background-color: cyan;display: block;" id="showZone"></div>//是不是很熟悉啊 
javascript部分: 
window.onload=function(){ 
var obj=document.getElementById("showZone"); 
var timer=null; 
obj.onclick=function(){ 
var i=0; 
clearInterval(timer); 
timer=setInterval(function(){ 
obj.style.display=i++%2&#63;"none":"block";//还是有收获的,这个写法比if..else想必简单了好多 
i>8&&clearInterval(timer);//这个短路用的经典啊 
},80); 
}; 
};
Copier après la connexion

Bien qu'il soit simple dans son principe, le code de mes prédécesseurs est bien plus simple que le code que j'ai écrit personnellement, et il n'en reste pas moins très enrichissant.

easyui est également entré dans le programme d'études, et le programme est de plus en plus chargé chaque jour... Allez, stupide oiseau Feifeifei...

É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