srcElement表格样式
<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}
function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>
<table onMouseOver="changeto('white')" onMouseOut="changeback('#999999')">
相关推荐
-
推荐一篇利用th,colgroup,col定义表格样式
定义表格各列的样式,不用每个td都在那里加一堆的Class,利用th,colgroup,col等属性,轻松搞定^_^ 代码如下: 复制代码 代码如下: <style> table.Demo { border-collapse: collapse; color: #454545; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; } table.Demo th { padding: 3px 7px; border:
-
js奇偶数判断的代码
有两个变量 a 和 b 如果a=1,3,5,7,9 则b="奇数" 如果a=2,4,6,8 则b="偶数" 如果a="0" 则b="零" 9){alert("大于9被强行改为1");alert(chk(1));}else if(num [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
一个简单但常用的javascript表格样式_鼠标划过行变色 简洁实现
第一个太简单就不说了,第二个也很简单,但每个人都有不同的实现方法,下面给一个比较简洁的做法,支持IE6.IE7.FF2,其他浏览器未测试(可以扩展一下用到ASP.NET的GridView里): 鼠标划过表格行变色-简洁实现 #tb{width:666px;border-collapse:collapse;border:1px solid #EEE;font-size:14px;} #tb th{background:#EEE;border-bottom:1px solid #CCC;paddin
-
repeater、gridview 在绑定时判断判断显示不同的行样式或文本
一:repeater或DataList控件 1.更改纯文本内容等 如果数据库里学生信息表中的sex字段用0和1来表示男女 但我们想repeat控件绑定后性别显示男或女而不是显示0或1 方法一:当然我们可以在SQL语句里判断并且转换 select (case sex when 0 then '男' else '女' end) AS sex from studentInfo 方法二:就是用到repeat 控件ItemDataBound()事件 前台 复制代码 代码如下: <asp:Repearter
-
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
非侵入实现,控制更方便 效果图: 复制代码 代码如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>javascript practice</title> <script type="text/javascript" src="jq
-
srcElement表格样式
<script language="JavaScript1.2"> function changeto(highlightcolor){ source=event.srcElement if (source.tagName=="TR"||source.tagName=="TABLE") return while(source.tagName!="TD") source=source.parentElement if
-
AngularJS表格样式简单设置方法示例
本文实例讲述了AngularJS表格样式简单设置方法.分享给大家供大家参考,具体如下: 1.问题背景 AngularJS表格table,利用样式设置表格间隔色 2.实现源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AngularJS之表格设置样式</title> <link rel="stylesheet" h
-
BootStrap CSS全局样式和表格样式源码解析
CSS全局样式 1.布局容器类样式:.container 和 .container-fluid .container 固定宽度并且具有响应式. .container-fluid 自由宽度(100%宽度). 这2个class是直接在body标签下建立一个div标签,class等于这2个中的一个. 然后其他内容全部写在这个div标签中即可! 例如: <!DOCTYPE html> <html> <head> <title>BootStrap基础入门</ti
-
第六篇Bootstrap表格样式介绍
基本表格: <table> <tr><td>用户名</td><td>密码</td></tr> <tr><td>啊啊啊</td><td>1111</td></tr> </table> 在<table>标签添加.table类可以为其赋予基本的样式 ,少量的内补(padding)和水平方向的分隔线. 显示效果如下: 条纹状表格: 在t
-
jquery自定义表格样式
本文实例讲述了jquery自定义表格样式实现代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 上面这张图有3种状态,默认状态(灰白相间),鼠标悬浮状态(绿色),鼠标点击状态(黄色),是如何实现的呐? Html代码如下: <table> <thead> <tr> <td>编号</td> <td>姓名</td> <td>年龄</td> <td>操作</td> </
-
Bootstrap 实现表格样式、表单布局的实例代码
1. 表格的一些样式 举例: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>My Test bootstrap</title> <link rel="stylesheet" href="./css
-
event.srcElement+表格应用
<script language="JavaScript1.2"> function changeto(highlightcolor){ source=event.srcElement if (source.tagName=="TR"||source.tagName=="TABLE") return while(source.tagName!="TD") source=source.parentElement if
-
Web上功能强大的DbGrid表格HTC组件[只需在Table中指定样式就可以完成多种功能可扩展]
Grid.htm 复制代码 代码如下: <style> INPUT { DefineINPUTOnClick:expression(this.onclick=function(){if(this.type=="button"){this.style.color=chooseColor();}}); } </style> <script> var iGridRowCount=0; var iGridColCount=0; function create
随机推荐
- Prototype ObjectRange对象学习
- 使用Go语言实现远程传输文件
- ASP小偷程序如何利用XMLHTTP实现表单的提交
- javascript-表格排序(降序/反序)实现介绍(附图)
- 领悟php接口中interface存在的意义
- bootstrap suggest下拉框使用详解
- HTTP状态代码以及定义(解释)
- java poi读取excel操作示例(2个代码)
- JQuery ztree 异步加载实例讲解
- 用javascript实现旋转图片效果的代码
- 解决MyEclipse中的Building workspace问题的三个方法
- Linux下给nginx安装waf模块
- 64位windows系统下安装Memcache缓存
- java获取文件大小的几种方法
- 初学者的福音:游戏开发新手入门指南
- C#提高编程能力的50个要点总结
- Scrapy-Redis结合POST请求获取数据的方法示例
- iOS开发Quick Actions创建桌面Icon快捷方式
- vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
- 一行Python代码制作动态二维码的实现