使用jQuery生成div元素闪烁效果

HTML代码:

<div >
	
</div>

CSS代码:

body{
	background:#CFCFCF;
}
div{
    width:100px;
    height:100px;
    background-color:orange;
  }

jQuery代码:

 
 
/*
  1.先定义一个count,用来计数,
  2.获取当前body和div的背景色存储
  3.闪烁效果思路:
    通过计数count来确定当前div所拥有的背景色
    用setTimeout()来控制闪烁的时间
  4.函数写好后,要先执行以下函数,之后才能够循环执行。
*/
var count = 0;
var oldcol = $('body').css('background');
var divcol = $('div').css('background');
var sansuo = function(){
  count++;
  
  if(count%2==0){
    $('div').css('background',divcol);
  }else{
    $('div').css('background',oldcol);
  }
  setTimeout(sansuo, 500);
}; 

sansuo();

猜你喜欢

转载自blog.csdn.net/u014769320/article/details/46876525
今日推荐