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

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

怪我咯
發布: 2017-07-07 14:56:22
原創
2906 人瀏覽過

這篇文章主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板