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