（兼容ff/ie）td点击背景变色特效- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > （兼容ff/ie）td点击背景变色特效

Javascript: 用new Image()预先加载图片真的有用吗？; 超级susymenu实现top菜单; 新版本susymenu树形菜单，请大家指教、分享; javascript入门·图片对象(无刷新变换图片)\滚动图像; 国外Lightbox v2.03.3 最新版下载; javascript渐变显示的雅虎中国选项卡效果代码; 用javascript来实现select标签的美化的代码; 用javascript实现改善用户体验之alert提示效果; Auntion-TableSort javascript类文件; javascript 新闻切换技术; JS代码判断集锦大全; [原创]用javascript实现检测指定目录是否存在的方法; JavaScript中的其他对象; [原创]来自ImageSee官方 JavaScript图片浏览器; 用js 让图片在 div或dl里　居中，底部对齐; 网页代码常用小技巧总结; 可以自动轮换的页签 tabs with auto play fucntion; js判断一点是否在一个三角形内; DHTML Slide Show script图片轮换; JS event使用方法详解

No. « ‹ 196 197 198 199 › »

技术文章搜索

关键字

Javascript 中的（兼容ff/ie）td点击背景变色特效

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 275 ::

收藏到网摘: n/a

javascript select列表内容按字母倒序排序与按列表倒序排列 javascript跟随滚动条滚动的层(浮动AD效果)

点击运行可以看到效果:

<!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" xml:lang="en" lang="en">
<head> <title></title> <style type="text/css"> .class1{ background:#efefef; text-align:center; width:80px; } .class2{ background: #ffcc00; text-align:center; width: 80px; } .class3{ background: #ffffff; } .class4{ background: #ffff00; } </style> <script type="text/javascript"> 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<sections.length;i++){ var section=sections[i]; if(section.getAttribute("t")=="yes"){ section.className="class1"; section.nextSibling.className="class3"; addEvent(section,"click",changeTd); } } } function changeTd(ev){ var ev=ev||window.event; var evt=ev.srcElement||ev.target; if(evt.tagName=="TD"&&evt.getAttribute("t")=="yes"){ var sections=document.getElementsByTagName("td"); for(var i=0;i<sections.length;i++){ var section=sections[i]; if(section.getAttribute("t")=="yes"){ section.className="class1"; section.nextSibling.className="class3"; evt.className="class2"; evt.nextSibling.className="class4"; } } } } </script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1" bordercolor="#cccccc" style="border-collapse:collapse" align="center" width="300">
<tr><td t="yes">a</td><td>this is section a</td></tr>
<tr><td t="yes">b</td><td>this is section b</td></tr>
<tr><td t="yes">c</td><td>this is section c</td></tr>
<tr><td t="yes">d</td><td>this is section d</td></tr>
</table>
<script type="text/javascript">
initTd();
</script>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

javascript select列表内容按字母倒序排序与按列表倒序排列 javascript跟随滚动条滚动的层(浮动AD效果)

Javascript 中的 （兼容ff/ie）td点击背景变色特效

评论 (0) All

Javascript 中的（兼容ff/ie）td点击背景变色特效