使用jQuery生成div元素闪烁效果
2015-07-14 13:12
645 查看
HTML代码:
CSS代码:
jQuery代码:
<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();
相关文章推荐
- jQuery简要dom操作
- Jquery多次绑定click事件
- jquery.validate.js【简单实用的表单验证框架】
- jquery获得当前html页面源码的方法
- Jquery ajaxsubmit 异步上传图片 无刷新
- 如何正确使用jQuery代码
- JQuery 学习笔记之:美妙的标题提示 弹出层
- 商城尺码选择效果 jquery
- 商城尺码选择效果 jquery
- 解决ECShop transport.js与jQuery冲突 ecshop不加载js
- jquery验证插件 js表单验证
- 超强1000个jquery极品插件 爽死你
- “返回顶部代码”滑动效果 jQuery超级简单实用写法
- jQuery快捷学习大总结 jQuery-1.3.2.js学习笔记
- js和jquery控制标签class,css
- 用jquery操作属性和类名
- jquery 的(function(){});表示什么
- jQuery EasyUI API 中文文档 - DataGrid数据表格
- jquery easyui datagrid使用参考
- jQuery阻止事件冒泡的例子