网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
表格特效
> 正文
经典表格隔行变色程序
蓝色理想 2009/2/2 13:23:36 深山行者 字体:
大
中
小
浏览 6799
以下为详细代码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta content="all" name="robots" /> <meta name="Copyright" content="" /> <meta name="description" content="" /> <meta content="" name="keywords" /> <style type="text/css"><!-- #senfe { width: 300px; border-top: #96C2F1 1px solid; border-left: #96C2F1 1px solid; } #senfe td { border-right: #96C2F1 1px solid; border-bottom: #96C2F1 1px solid; } --></style> <script language="javascript"><!-- function senfe(o,a,b,c,d){ var t=document.getElementById(o).getElementsByTagName("tr"); for(var i=0;i<t.length;i++){ t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b; t[i].onclick=function(){ if(this.x!="1"){ this.x="1";//本来打算直接用背景色判断,FF获取到的背景是RGB值,不好判断 this.style.backgroundColor=d; }else{ this.x="0"; this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; } } t[i].onmouseover=function(){ if(this.x!="1")this.style.backgroundColor=c; } t[i].onmouseout=function(){ if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; } } } --></script> <title>经典表格隔行变色程序</title></head> <body> <table border="0" cellpadding="0" cellspacing="0" id="senfe"> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> </table> <script language="javascript"><!-- //senfe("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景"); senfe("senfe","#fff","#EFF7FF","#F0FBEB","#FFFFDD"); --></script> </body> </html>
前一页:
利用javascript来静态添加表格行
后一页:
没有了
相关阅读
小旋风ASP服务器安装文件下载
深山旅行社网站管理系统 v1.5
利用DIV+CSS制作浮动广告,没有用到多少javascript,全是css
document对象详解
javascript日期验证比较
连云港汽车门户网站
利用DIV+CSS制作浮动广告
让DIV固定在浏览器窗口的底部(兼容IE6)
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
用javscript实现为表格的每一行自动加上序号
鼠标放在表格区域内,当前格的一整行和一整列变色
鼠标经过表格列时变色
javascript表格内移动上下列,可以做成ajax加上动态程序做成上下移动顺序
利用javascript鼠标经过表格,行与列变色
针对table,div隔行变色的JS方法
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
以前的QQ强聊不管了,这个是非常管用的QQ强聊
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
网页添加WhatsApp跳转链接教程
怎样增加网站外链接和注意事项
点击密码框弹出小键盘
javascript自动获取Tags关键字
更多标签
热门标签
cookies
搜索引擎
注册表
iframe
滚动条
键盘
尺寸
关键字
翻转
上传
留言次数
小偷
顶部
dd
自适应高度
Javascript实现CSS代码高亮显示1
强度
split
人生
信息
框
dt
调色
strong
Excel
relative
滤镜
li
html
文件类型
详解
调色板
选择符
性能
光标
Margin加倍
验证码
文字垂直
客户端
设为首页
window
状态栏
商城
蓝色理想
分页
eof
正则
默认高度
visite
无限
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号