首頁  >  文章  >  web前端  >  js實作按鈕加背景圖片常用方法匯總

js實作按鈕加背景圖片常用方法匯總

怪我咯
怪我咯原創
2017-07-07 14:56:222823瀏覽

這篇文章主要介紹了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" />


##

以上是js實作按鈕加背景圖片常用方法匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn