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')">
相关推荐
-
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需刷新才能执行]
-
推荐一篇利用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:
-
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
-
一个简单但常用的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
-
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
随机推荐
- iOS中利用UIBezierPath + CAAnimation实现心跳动画效果
- 动态向页面添加控件和使用正则表达式的代码
- 基于mysql时间处理函数的应用详解
- Javascript 事件冒泡机制详细介绍
- Js+Flash实现访问剪切板操作
- ant使用指南详细入门教程
- javascript表达式和运算符详解
- SQL Server正则表达式 替换函数应用详解
- 实例解析Android中使用Pull解析器解析XML的方法
- HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
- 收获一生的学习习惯15个步骤
- JavaScript Event事件学习第一章 Event介绍
- C语言模块回调Lua函数的两种方法
- jQuery代码实现对话框右上角菜单带关闭×
- 什么是robots.txt?
- java switch语句使用注意的四大细节
- Android实现轮播图无限循环效果
- js Function类型
- php循环创建目录示例分享(php创建多级目录)
- PHP实现将MySQL重复ID二维数组重组为三维数组的方法