网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
表格特效
> 正文
经典表格隔行变色程序
蓝色理想 2009/2/2 13:23:36 深山行者 字体:
大
中
小
浏览 6832
以下为详细代码
<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来静态添加表格行
后一页:
没有了
相关阅读
超级实用且不花哨的js代码大全( 8 )
延边金桥国际旅行社有限公司
CleanCSS:免费的CSS在线减肥工具
uni-app去除点击navigator标签时有背景底色问题
超级实用且不花哨的js代码大全( 2 )
购买深山旅行社管理系统后享受哪些服务?
利用CSS设置网页滚动条颜色
各种钱货币字母转换对应的符号
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
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还有其它的吗
更多>>
随机抽取信息
css里expression实现界面对象的批量控制
手动调节背景色:背景色能用按钮进行手动调节
中南国际旅游公司
ASP.NET常用的三十三种实用代码(上)
深山旅游网站管理系统V1.0
asp从a到z循环输出26个英文字母
更多标签
热门标签
底部
论坛
用户体验
禁止
标注
编辑
进度
伪类
广告
Response
县
文本
onload
万年历
背景
像素
hidden
不对齐
变化
checkbox
max
框 移
字母
dw 访问量
改变
关于我们
企业
css 透明
过滤
右键失效
hover
注册
鎯
排版
工作
表达
filter
省略
dl
我想你
ie
方法
九宫格
效果
三级
系统
选择框
em
定制
tag
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号