简单的JQuery和js做出的霓虹灯(显示RGB值)
来源:互联网 发布:贵州云博大数据 编辑:程序博客网 时间:2024/06/11 02:22
<!DOCTYPE html><html><head> <title></title> <meta charset="UTF-8" /> <script type="text/javascript" src="jQuery.js"></script> <style type="text/css"> td{ width: 200px; height: 30px; float: left; align: center; padding-left: 100px; } </style></head><body> <table align="center"> <tr><td>只是第一行.</td></tr> <tr><td>只是第二行.</td></tr> <tr><td>只是第三行.</td></tr> <tr><td>只是第四行.</td></tr> </table></body><script type="text/javascript">var time = setInterval(neonLights, 1000);var flag = 0;$('table').css("align", 'center');function neonLights(){ if (flag % 2 == 0) { $("tr:even").css("background", '#2579BF'); $("td:even").get(0).innerHTML = "RGB = #2579BF"; $("td:even").get(1).innerHTML = "RGB = #2579BF"; $("tr:odd").css("background", '#FB9752'); $("td:odd").get(0).innerHTML = "RGB = #FB9752"; $("td:odd").get(1).innerHTML = "RGB = #FB9752"; } else{ $("tr:even").css("background", '#FB9752'); $("td:even").get(0).innerHTML = "RGB = #FB9752"; $("td:even").get(1).innerHTML = "RGB = #FB9752"; $("tr:odd").css("background", '#2579BF'); $("td:odd").get(0).innerHTML = "RGB = #2579BF"; $("td:odd").get(1).innerHTML = "RGB = #2579BF"; } flag++;}</script></html>
这就完成了, 其实可以和前面一篇随机色的联系起来, 会更有意思.
0 0
- 简单的JQuery和js做出的霓虹灯(显示RGB值)
- 利用UIView做出霓虹灯的效果
- 简单的霓虹灯效果
- Java霓虹灯的循环显示
- ios霓虹灯效果(没基础也可以做出好看的霓虹灯)
- jquery做出来的东东
- jquery和js的几个简单例子
- js全页面刷新方法+jquery之超简单的div显示和隐藏特效demo
- 获取RGB的js
- jquery和js对div的隐藏和显示
- 布局--霓虹灯的实现
- 多彩的霓虹灯
- 多彩的霓虹灯
- 霓虹灯的字体
- opencv显示鼠标所在位置的rgb值
- js做出來的放大镜的效果
- jquery简单的div显示和隐藏特效
- Jquery 4种方式实现简单的显示和隐藏
- 统测三总结
- identity和assigned 的区别
- 开发模式学习笔记
- CentOS Mysql安装
- 线程的概念和模型以及与进程的比较
- 简单的JQuery和js做出的霓虹灯(显示RGB值)
- 存储系统三
- Spinner的prompt属性为何无法起作用
- 调用天地图API实现关键词搜索
- Eclipse配置CardeView Library
- 一些小效果的实现
- 阿里云redis服务器安装配置
- Linux实现负载均衡
- 安全算法