Heim > Web-Frontend > js-Tutorial > Hauptteil

js implementiert das Div-Flickering-Prinzip und implementiert code_javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 16:43:23
Original
958 Leute haben es durchsucht

Ich lerne vor kurzem, easyui zu verwenden, und ich habe festgestellt, dass das Framework wirklich praktisch und einfach zu verwenden ist. Jeder, der dieses Framework erstellen kann, muss auf dem Niveau eines Meisters sein, es ist großartig....

Ich war sprachlos, als ich heute auf diese Anwendung stieß. Ich verstand sie sofort, nachdem ich mir den Quellcode angesehen hatte, aber davor fühlte es sich immer noch sehr magisch an. Tatsächlich gibt es einige Ich habe zwar darüber nachgedacht, aber der Effekt ist wirklich weit hergeholt. Als ich den Quellcode herausnahm und ihn mir ansah, verstand ich ihn sehr deutlich. Wenn ich zu diesem Zeitpunkt meinen eigenen Ausdruck sehen könnte, wäre es wahrscheinlich ein Wenn quantitative Veränderungen zu qualitativen Veränderungen führen, kann ich nicht einmal als gut informiert gelten. Wie kann ich also kreativ sein?

Lassen Sie uns zunächst das Prinzip des Flackerns analysieren. Die Anzeige wechselt häufig zwischen „Keine“ und „Blockieren“.

Beginnen wir mit dem Code:

HTML-Teil:

<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); 
}; 
};
Nach dem Login kopieren

Obwohl es im Prinzip einfach ist, ist der Code meiner Vorgänger viel einfacher als der Code, den ich persönlich geschrieben habe, und er ist immer noch sehr lohnend.

easyui ist auch in den Studienplan eingestiegen und der Stundenplan wird von Tag zu Tag voller... Komm schon, du dummer Vogel Feifeifei...

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage