這篇文章主要介紹了js實(shí)現(xiàn)按鈕加背景圖片常用方法,羅列了js事件觸發(fā)控制背景圖片、css樣式控制以及圖片按鈕三種方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了js實(shí)現(xiàn)按鈕加背景圖片常用方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
方法一:
復(fù)制代碼代碼如下:
<input type="submit" onMouseOver="style=background:url('imgs/jb51.gif')"/>
方法二:
復(fù)制代碼代碼如下:
<input type="button" value="提交" style="background:url(圖片地址) no-repeat;border:none;text-indent:-2000px;width:100px;height:30px;">
方法三:
就是用圖片按鈕,即:
復(fù)制代碼代碼如下:
<input name="submit" type="image" value=" " src="jb51.jpg" />
希望本文所述對(duì)大家基于javascript的web程序設(shè)計(jì)有所幫助。