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