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

来源:互联网 发布:powershell 知乎 编辑:程序博客网 时间:2024/05/21 09:14

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();
0 0
原创粉丝点击