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')">
相关推荐
-
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
-
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:
-
一个简单但常用的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
-
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
随机推荐
- SQL Server误区30日谈 第6天 有关NULL位图的三个误区
- ExtJS PropertyGrid中使用Combobox选择值问题
- Angular实现类似博客评论的递归显示及获取回复评论的数据
- Linux免密码远程登录的实例
- Java设计模式之建造者模式(Builder模式)介绍
- sublime安装支持go和html的插件
- C语言 数据结构之连续存储数组的算法
- python实现超简单端口转发的方法
- 浅析Python中MySQLdb的事务处理功能
- 2014年春节是几月几号 2014春节放假安排时间表
- SQL Server2005 异地备份的多种方法
- java如何生成可变表头的excel
- js从Cookies里面取值的简单实现
- Flash破解与加密综合
- Android List删除重复数据
- vue 实现剪裁图片并上传服务器功能
- Spring Boot整合RabbitMQ开发实战详解
- 实例详解ztree在vue项目中使用并且带有搜索功能
- Python wxPython库消息对话框MessageDialog用法示例
- Java mongodb连接配置实践