我有很多如下代码的未经美化的<INPUT> ，如何加入代码使得能够鼠标移动上去、离开、获得焦点的时候能够替换按钮背景图片？其他特效也可以

Question

<INPUT  style="Z-INDEX:  106;  LEFT:  360px;  WIDTH:  104px;  CURSOR:  hand;  POSITION:  absolute;  TOP:  104px;  HEIGHT:  24px"  onclick="top.detail.location.href='WaitCheckList.aspx'"  type="button"  value="待审批企业清单">

Answer 1

.greenButtonCss {
    font-family: "Tahoma", "宋体";
    font-size: 9pt; color: #0066cc;
    border: 1px #93bee2 solid;
    BORDER-BOTTOM: #93bee2 1px solid; 
    BORDER-LEFT: #93bee2 1px solid; 
    BORDER-RIGHT: #93bee2 1px solid; 
    BORDER-TOP: #93bee2 1px solid;
/* background-image:url(../Images/greenbuttonbg.gif);*/
    background-color: #ffffff;
    CURSOR: hand;
    font-style: normal ;
}

Answer 2

用css，用的时候css指向一下，
其他控件也是一样，
就算是改起来也很方便

Answer 3

怎么加鼠标放上去变色，离开换色，获得焦点换色？？麻烦了，CSS我不懂

Answer 4

<input name="bnt" type="button" id="bnt" value="删除所选" onClick="DelMessage()" class="allbutton" onFocus="this.blur();" onMouseOut="javascript:this.style.backgroundImage= 'url(../images/b_bg1.gif)';" onMouseOver="javascript:this.style.backgroundImage= 'url(../images/b_bg.gif)';">

Answer 5

class="allbutton" 定义内容呢？

Answer 6

jxufewbt(我的目标是5星)  
   <input name="bnt" type="button" id="bnt" value="删除所选" onClick="DelMessage()" class="allbutton" onFocus="this.blur();" onMouseOut="javascript:this.style.backgroundImage= 'url(../images/b_bg1.gif)';" onMouseOver="javascript:this.style.backgroundImage= 'url(../images/b_bg.gif)';">
  
上述语句onMouseOver="javascript:this.style.backgroundImage= 'url(../images/b_bg.gif)';"中是不是每次都得加上javascript:
去掉行不行:onMouseOver="this.style.backgroundImage= 'url(../images/b_bg.gif)';"
 

Answer 7

css可以到网上下一个，然后再每个input里加一个class=就可以了

Answer 8

上述语句onMouseOver="javascript:this.style.backgroundImage= 'url(../images/b_bg.gif)';"中是不是每次都得加上javascript:
去掉行不行:onMouseOver="this.style.backgroundImage= 'url(../images/b_bg.gif)';"可以的，不设置就按照默认的脚本设置执行

Answer 9

http://www.webjx.com/htmldata/2005-02-25/1109335058.html