您的位置:首页 > Web前端 > JQuery

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

2015-07-14 13:12 645 查看
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();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: