服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - js实现按钮加背景图片常用方法

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

2021-04-12 15:02JS教程网 JavaScript

这篇文章主要介绍了js实现按钮加背景图片常用方法,罗列了js事件触发控制背景图片、css样式控制以及图片按钮三种方法,非常具有实用价值,需要的朋友可以参考下

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

方法一:

复制代码 代码如下:
<input type="submit" onMouseOver="style=background:url('imgs/zzvips.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="zzvips.jpg" />

 

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

延伸 · 阅读

精彩推荐