js button

最新推荐文章于 2022-08-03 19:27:40 发布

原创最新推荐文章于 2022-08-03 19:27:40 发布 · 435 阅读

0 ·

CC 4.0 BY-SA版权

Ext-页面总结专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript来改变HTML按钮背景图片的方法，并通过onMouseover事件将鼠标光标更改为手型以增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type=button value="修改" width=20px high=15px style={background-image:url(../images/button/button-1.png);} onMouseover=javascript:TextRtv.changeBackgroundImage1("../images/button/button-2.png") onMouseout=javascript:TextRtv.changeBackgroundImage2("../images/button/button-1.png") onclick=javascript:TextRtv.programSiteUpdate('+rowIndex+')></input>;

}

TextRtv.changeBackgroundImage1=function(image){
var el=event.srcElement;
if (el.tagName=="INPUT"&& el.type=="button"){
event.srcElement.style.backgroundImage = "url"+"("+image+")";
event.srcElement.style.cursor='hand';
}
}
TextRtv.changeBackgroundImage2=function(image){
var el=event.srcElement;
if (el.tagName=="INPUT"&& el.type=="button"){
event.srcElement.style.backgroundImage = "url"+"("+image+")";
}
}

cursor:pointer;

用JS使鼠标变小手onmouseover(鼠标越过的时候)
onmouseover="this.style.cursor='hand'"

cursor其他取值
auto ：标准光标
default ：标准箭头
pointer, hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize