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

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

怪我咯
Lepaskan: 2017-07-07 14:56:22
asal
2907 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!

Label berkaitan:
sumber:php.cn
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