一个很简单的办法实现TD的加亮效果.
2006-09-07 00:00
549 查看
function Menu_Init(obj){ var tds = obj.getElementsByTagName("td"); for (var i = 0; i < tds.length; i++) { if (tds[i].className == "MenuOptions") { tds[i].onmouseover = switch_bg; tds[i].onmouseout = switch_bg; } } } function switch_bg(e){ if (this.className=="MenuOptions_click") return this.className = (this.className == "MenuOptions") ? "MenuOptions_hilite" : "MenuOptions"; }
Menu_Init(obj)用于初始化 Table.
所需要的CSS
.MenuOptions{ padding:2px; cursor:hand; color:#000000; } .MenuOptions_hilite{ padding:1px; border:outset 1px #669999; cursor:hand; color:#000000; }
table示范
<table id=MenuTools border="0" cellspacing="2" style="border:1px solid #000000;color:#000000;font-size:12px"> <tr> <td class="MenuOptions" >大家好呀 <td class="MenuOptions" >很容易实现的效果 <td class="MenuOptions" >喜欢的就拿去用吧 <td >这个不允许加亮 </tr> </table>
演示
function Menu_Init(obj){
var tds = obj.getElementsByTagName("td");
for (var i = 0; i < tds.length; i++)
{
if (tds[i].className == "MenuOptions")
{
tds[i].onmouseover = switch_bg;
tds[i].onmouseout = switch_bg;
}
}
}
function switch_bg(e){
if (this.className=="MenuOptions_click") return
this.className = (this.className == "MenuOptions") ? "MenuOptions_hilite" : "MenuOptions";
}
.MenuOptions{
padding:2px;
cursor:hand;
color:#000000;
}
.MenuOptions_hilite{
padding:1px;
border:outset 1px #669999;
cursor:hand;
color:#000000;
}
大家好呀
很容易实现的效果
喜欢的就拿去用吧
这个不允许加亮
Menu_Init(MenuTools)
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- 一个很简单的办法实现TD的加亮效果.
- 一个很简单的办法实现TD的加亮效果.
- 一个很简单的办法实现TD的加亮效果
- 一个很简单的办法实现TD的加亮效果.
- 一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单,随着互联网业务的不断丰富,网站
- 分享一个jquery插件:实现类似淘宝上鼠标经过图片右侧显示大图的效果
- 如何实现 画一个屏幕的渐变效果,并将其作为程序的背景模板
- jQuery实现一个简单的选项卡效果
- Android中实现“程序前后台切换效果”和“返回正在运行的程序,而不是一个新Activity”
- Swift3.0二维码扫描实现(写一个仿支付宝二维码扫描的效果)
- js实现同一个页面多个渐变效果的方法
- 实现一个随手指移动而滑动的效果---爬坑
- Android中用图片自定义一个进度条(实现蒙板效果)
- javascript实现的又一个不错的滑动导航效果
- 实现图形JSF组件很简单地构建一个纯HTML无法轻松实现的图形Web应用程序组件
- 实现一个进度条效果
- 在Ext(Version2.2 和目前的Version3.1.1 Version3.2) 里面存在一个BUG,就是当设置了 stripeRows:true, 并没有出现斑马线的效果,解决的办法是在定义一个css类,放置在一个独立的css文件里面,页面加以引用。
- 转载一个js实现div拖动效果
- 使用Vue组件实现一个简单弹窗效果
- 【Unity快速实现小功能】实现一个类似跑马灯的效果