一个很简单的办法实现TD的加亮效果.
2006-06-29 00:00
330 查看
<script>
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";
}
</script>
<style>
.MenuOptions{
padding:2px;
cursor:hand;
color:#000000;
}
.MenuOptions_hilite{
padding:1px;
border:outset 1px #669999;
cursor:hand;
color:#000000;
}
</style>
<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>
<script>Menu_Init(MenuTools)</script>
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";
}
</script>
<style>
.MenuOptions{
padding:2px;
cursor:hand;
color:#000000;
}
.MenuOptions_hilite{
padding:1px;
border:outset 1px #669999;
cursor:hand;
color:#000000;
}
</style>
<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>
<script>Menu_Init(MenuTools)</script>
相关文章推荐
- 一个很简单的办法实现TD的加亮效果.
- 一个很简单的办法实现TD的加亮效果.
- 一个很简单的办法实现TD的加亮效果
- 一个很简单的办法实现TD的加亮效果.
- 一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单,随着互联网业务的不断丰富,网站
- 如何实现 画一个屏幕的渐变效果,并将其作为程序的背景模板
- jQuery实现一个简单的选项卡效果
- Swift3.0二维码扫描实现(写一个仿支付宝二维码扫描的效果)
- 实现一个随手指移动而滑动的效果---爬坑
- javascript实现的又一个不错的滑动导航效果
- 分享一个jquery插件:实现类似淘宝上鼠标经过图片右侧显示大图的效果
- Android中实现“程序前后台切换效果”和“返回正在运行的程序,而不是一个新Activity”
- 实现一个进度条效果
- js实现同一个页面多个渐变效果的方法
- 实现图形JSF组件很简单地构建一个纯HTML无法轻松实现的图形Web应用程序组件
- Android中用图片自定义一个进度条(实现蒙板效果)
- 在Ext(Version2.2 和目前的Version3.1.1 Version3.2) 里面存在一个BUG,就是当设置了 stripeRows:true, 并没有出现斑马线的效果,解决的办法是在定义一个css类,放置在一个独立的css文件里面,页面加以引用。
- 使用Vue组件实现一个简单弹窗效果
- JS实现鼠标箭头变成一个燃烧烛光效果的方法
- 转载一个js实现div拖动效果