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

最新推荐文章于 2024-04-19 22:31:37 发布

u014769320

最新推荐文章于 2024-04-19 22:31:37 发布

阅读量3.7k

点赞数 1

分类专栏： jQuery 文章标签： jquery html

本文链接：https://blog.csdn.net/u014769320/article/details/46876525

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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();