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

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

怪我咯
Lepaskan: 2017-07-07 14:56:22
asal
2960 orang telah melayarinya

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

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

方法一:

 代码如下:

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

方法二:

代码如下:

<input type="button" value="提交" style="background:url(图片地址) no-repeat;border:none;text-indent:-2000px;width:100px;height:30px;">
Salin selepas log masuk

方法三:
就是用图片按钮,即:

代码如下:

<input name="submit" type="image" value=" " src="jb51.jpg" />
Salin selepas log masuk


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

Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan