龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

js实现按钮加背景图片常用方法

时间:2014-11-03 16:09来源:网络整理 作者:网络 点击:
分享到:
这篇文章主要介绍了js实现按钮加背景图片常用方法,罗列了js事件触发控制背景图片、css样式控制以及图片按钮三种方法,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了js实现按钮加背景图片常用方法。分享给大家供大家参考。具体实现方法如下:

方法一:

复制代码 代码如下:
<input type="submit" onMouseOver="style=background:url('imgs/jb51.gif')"/>

 
方法二:
复制代码 代码如下:
<input type="button" value="提交" style="background:url(图片地址) no-repeat;border:none;text-indent:-2000px;width:100px;height:30px;">

 
方法三:
就是用图片按钮,即:
复制代码 代码如下:
<input name="submit" type="image" value=" " src="jb51.jpg" />

希望本文所述对大家基于javascript的web程序设计有所帮助。

精彩图集

赞助商链接