js實(shí)現(xiàn)按鈕加背景圖片常用方法

更新時間：2014年11月01日 09:38:18 投稿：shichen2014

這篇文章主要介紹了js實(shí)現(xiàn)按鈕加背景圖片常用方法,羅列了js事件觸發(fā)控制背景圖片、css樣式控制以及圖片按鈕三種方法,非常具有實(shí)用價值,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)按鈕加背景圖片常用方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

方法一:

復(fù)制代碼代碼如下:

方法二:

復(fù)制代碼代碼如下:

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

方法三:
就是用圖片按鈕，即：

復(fù)制代碼代碼如下:

希望本文所述對大家基于javascript的web程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

WebSocket的簡單介紹及應(yīng)用
因此，如果讓服務(wù)器端也可以主動發(fā)送信息到客戶端，就可以很大程度改進(jìn)這些不足。WebSocket就是一個實(shí)現(xiàn)這種雙向通信的新協(xié)議。下面小編來簡單介紹下它
2019-05-05
js和jquery判斷數(shù)據(jù)類型的4種方法總結(jié)
這篇文章主要給大家介紹了關(guān)于js和jquery判斷數(shù)據(jù)類型的4種方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
webpack項目輕松混用css module的方法
這篇文章主要介紹了webpack項目輕松混用css module的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
ajax 同步請求和異步請求的差異分析
ajax 同步請求和異步請求的差異分析，需要的朋友可以參考下。
2011-07-07
web項目開發(fā)之JS函數(shù)防抖與節(jié)流示例代碼
這篇文章主要介紹了web項目開發(fā)之JS函數(shù)防抖與節(jié)流實(shí)現(xiàn)的示例代碼及原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助
2021-09-09
微信小程序自定義導(dǎo)航教程（兼容各種手機(jī)）
這篇文章主要給大家介紹了關(guān)于微信小程序自定義導(dǎo)航的相關(guān)內(nèi)容，文中通過示例代碼介紹的非常詳細(xì)，兼容各種手機(jī),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-12-12
js判斷兩個日期是否相等的方法
大家一定遇到過這樣的情況，有兩個日期對象，然后需要判斷他們是否相等，下面來說下判斷的方法
2013-09-09
JS小球拋物線軌跡運(yùn)動的兩種實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JS小球拋物線軌跡運(yùn)動的兩種實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了javascript實(shí)現(xiàn)小球拋物線運(yùn)動的相關(guān)計算與圖形繪制操作技巧,需要的朋友可以參考下
2017-12-12
js如何根據(jù)id刪除數(shù)組中對象
這篇文章主要介紹了js如何根據(jù)id刪除數(shù)組中對象的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-04-04
使用DeviceOne實(shí)現(xiàn)微信小程序功能
本文主要對小程序的優(yōu)缺點(diǎn)和DeviceOne的特點(diǎn)進(jìn)行介紹，分享了使用DeviceOne實(shí)現(xiàn)微信小程序功能的實(shí)例代碼，具有一定的參考價值。下面跟著小編一起來看下吧
2016-12-12