一个很简单的办法实现TD的加亮效果._表单特效

复制代码 代码如下:

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>

演示

大家好呀 很容易实现的效果 喜欢的就拿去用吧 这个不允许加亮

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
 

时间： 2024-08-01 04:54:40

一个很简单的办法实现TD的加亮效果._表单特效的相关文章

一个很简单的办法实现TD的加亮效果._JavaScript

<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].onmous

仿校内登陆框，精美，给那些很厉害但是没有设计天才的程序员_表单特效

改facebook的,绝对是你想要的,不需要图片,因为我的以前几个东西被转载到好多地方但是没有人给我说,还没有人说是哪里来的,就把我blog地址写这里的,要用的话就把那东西去掉吧 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

简单form标准化实例——语义结构_表单特效

1.使用fieldset和legend标签 在form中,我们经常会对form中的信息进行分组,比如注册form,我们可能会将注册信息分组成基本信息(一般为必填),详细信息(一般为可选),那我们如何更好的来实现呢?我们可考虑在form中加入下面两个标签: 复制代码 代码如下: fieldset:对表单进行分组,一个表单可以有多个fieldset legend:说明每组的内容描述 Basic Register First name: ... Detailed Register Interest:

页面只有一个text的时候，回车自动submit的解决方法_表单特效

简单的页面html代码如下 复制代码 代码如下: <html> <head> <title>test</title> <script language="javascript"> function test(){ if(event.which || event.keyCode){ if(event.which==13 || event.keyCode==13){ ajaxpost(); return false; }else{

asp下的一个很简单的验证码程序第1/3页_应用技巧

主程序共三个  我的调用方式 <script language="javascript" src="/verify/num.asp"></script>  验证方式 if trim(Loginnum)<>trim(session("Loginnum")) then  Response.Write Error("验证码错误!")  Response.End  end if  num.asp 

Div Select挡住的解决办法_表单特效

<html><head>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312">     <title>Div下拉菜单被Select挡住的解决办法</title> </head><body> <div style="z-index: 10; position: absolute;

很可爱的输入框_表单特效

<!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> <meta http-equiv="Content-

一直复略了的一个问题，关于表单重复提交_表单特效

主页里面做登录判断时JSCRIPT: 以下是代码:  复制代码 代码如下: <script language="JavaScript">  <!--  function checkform(){  if (form1.Fs_UserName.value ==""){    alert("请输入用户名称!");    form1.Fs_UserName.focus();    return false;}  if (form1.F

JS实多级联动下拉菜单类，简单实现省市区联动菜单！_表单特效

作者:ybcola 这段js代码是很久以前的作品了,应该在一年以前吧!当时是在做一个农村人才管理系统的时候遇到的问题,因为系统要求参选择并通过后台添加省市区县甚至到乡镇村队,而在对人才的信息进行修改时要求用下拉列表进行选择,并且每个人才来源可能是省市,或者省市区县,或者一直取队都要选择!那时第一反映就是找网上是否有现成的代码,找到一个最常用的就是省市二级联动,那时那段js代码在网上随处可见,可是拿过来对我来说没用,因为我需要的是一个多级联通并且可以自由扩展的代码!最终还是自己动手写了JS代码.