(兼容ff/ie)td点击背景变色特效
.class1{
background:#efefef;
text-align:center;
width:80px;
}
.class2{
background: #ffcc00;
text-align:center;
width: 80px;
}
.class3{
background: #ffffff;
}
.class4{
background: #ffff00;
}
function addEvent(elm, evType, fn, useCapture){
if (elm.addEventListener){
elm.addEventListener(evType, fn, useCapture);
return true;
} else if (elm.attachEvent){
var r = elm.attachEvent("on"+evType, fn);
return r;
} else {
alert("Handler could not be removed");
}
}
function initTd(){
var sections=document.getElementsByTagName("td");
for(var i=0;i
a | this is section a |
b | this is section b |
c | this is section c |
d | this is section d |
initTd();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
(兼容ff/ie)td点击背景变色特效
.class1{ background:#efefef; text-align:center; width:80px; } .class2{ background: #ffcc00; text-align:center; width: 80px; } .class3{ background: #ffffff; } .class4{ background: #ffff00; } function addEvent(elm, evType, fn, useCapture){ if (elm.addE
-
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
本文实例讲述了jQuery实现表格隔行及滑动,点击时变色的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu
-
兼容FF和IE的动态table示例自写
HTML的table结构如下: 复制代码 代码如下: <table id="Dy_table" width="760" cellpadding="0" style="border-top: solid 1px #9cf" class="tableStyle1" cellspacing="0"> <tr> <th style="width: 40px
-
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
jQuery轻松实现表格的隔行变色和点击行变色的实例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m
-
Android Button按钮点击背景和文字变化操作
Android 原生的按钮点击状态是有变化的,但是如果是自己加了一个.png格式的图片为背景色,按钮点击就不会有任何效果,为了达到点击按钮有一闪的效果,我们就需要准备两张图进行切换, 而且文字也要变色,老规矩废话不多说直接上代码: 按钮背景图片放在 drawable/background_button.xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="h
-
javascript实现点击按钮变色
本文实例为大家分享了javascript实现点击按钮变色的具体代码,供大家参考,具体内容如下 效果如下: 代码如下: 在这个案例中主要用到的是排他思想 html部分 输入我们所需要的按钮个数 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</butto
-
javascript 兼容FF的onmouseenter和onmouseleave的代码
IE下有 onmouseenter和onmouseleave来解决. 可惜ff就没有. 我再想 , 为什么这么好的功能,为什么ff不引用呢? 还有ie中的onpropertychange ,哎,ff中都没有... 对比例子中引入了一段js ,来兼容FF的onmouseenter和onmouseleave. : 复制代码 代码如下: var xb = { evtHash: [], ieGetUniqueID: function(_elem) { if (_ele
-
js离开或刷新页面检测(且兼容FF,IE,Chrome)
复制代码 代码如下: <!DOCTYPE html><html><head><script> function closeIt() { return "Any string value here forces a dialog box to \n" + "appear before closing the window."; } window.onbeforeunload = close
-
JavaScript实现鼠标点击导航栏变色特效
废话不多说了,直接给大家贴js实现鼠标点击导航栏变色代码,具体代码如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head
-
js 操作table之 移动TR位置 兼容FF 跟 IE
js操作table之 移动TR位置 兼容FF 跟 IE var mousePos; function Up_Move(obj){ try{ if(document.all){ document.getElementById('show_input').style.top = mousePos.y document.getElementById('show_input').style.left = mousePos.x }else{ document.getElementById('show_in
随机推荐
- Angularjs实现下拉框联动的示例代码
- Nodejs调用WebService的示例代码
- js通过location.search来获取页面传来的参数
- Bootstrap基本组件学习笔记之input输入框组(9)
- go语言实现通过FTP库自动上传web日志
- 如何采集静态文章系统
- C/C++ 公有继承、保护继承和私有继承的对比详解
- 浅析Java中Split函数的用法技巧
- Android 图片显示与屏幕适配的问题
- Python实现优先级队列结构的方法详解
- 常用CSS缩写语法总结
- 取选中的radio的值
- input 日期选择功能的javascript代码
- win2003 配置DNS、NAT及搭建IIS网站的方法
- IE 上下滚动展示模仿Marquee机制
- Android编程中光线传感器的调用方法详解
- springMVC前台传数组类型,后台用list类型接收实例代码
- iOS 防键盘遮挡的实例
- Android编程实现滑动开关组件功能【附源码下载】
- 详解vue 单页应用(spa)前端路由实现原理