Rumah  >  Artikel  >  hujung hadapan web  >  js实现按钮加背景图片常用方法汇总

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

怪我咯
怪我咯asal
2017-07-07 14:56:222825semak imbas

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

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

方法一:

 代码如下:

<input type="submit" onMouseOver="style=background:url(&#39;imgs/jb51.gif&#39;)"/>

方法二:

代码如下:

<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" />


Atas ialah kandungan terperinci js实现按钮加背景图片常用方法汇总. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn