欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實現(xiàn)div閃爍原理及實現(xiàn)代碼

 更新時間：2014年06月24日 09:00:49   投稿：whsnow  
閃爍的原理是什么呢：其實就一個，display在none與block之間頻繁的交替，這樣說你明白了么，示例代碼如下，希望對大家有所幫助

最近在學(xué)著用easyui，發(fā)現(xiàn)框架用起來果然是方便簡潔，能弄出這框架的都是大神級別了吧，牛啊....

今天碰到這個應(yīng)用可以說是讓我非常之無語，整出源碼來一看就明白了，可之前卻還是感覺非常神奇，我也常常告訴自己，要多動腦筋，實際上有一些也的確有想過，但實在是效果很牽強，而當(dāng)源碼拿出來看的時候卻又格外的明白，如果這時候我可以看到自己的表情，大抵就是一個糾結(jié)吧，如果說量變引起質(zhì)變，那我的量還差的太多了，連見多識廣都算不上，何談創(chuàng)造啊。

先來分析下實現(xiàn)的原理吧，閃爍的原理是什么呢：其實就一個，display在none與block之間頻繁的交替，這樣說你明白了么。

還是先上代碼：

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?"none":"block";//還是有收獲的，這個寫法比if..else想必簡單了好多 
i>8&&clearInterval(timer);//這個短路用的經(jīng)典啊 
},80); 
}; 
};

雖然原理上簡單，但是前輩的代碼比我個人編寫的代碼要簡單太多了，還是很有收獲的。

easyui也進入學(xué)習(xí)日程了，這一天天的是越排越滿啊......加油,笨鳥飛飛飛.....

相關(guān)文章

最新評論