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ù)制代碼代碼如下:

方法二:

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

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

動(dòng)態(tài)加載圖片路徑保持JavaScript控件的相對(duì)獨(dú)立性
根據(jù)新界面的要求，需要一部分圖片來(lái)增強(qiáng)日期控件的美觀性?？紤]到既要實(shí)現(xiàn)加載圖表的目標(biāo)，又要保持控件的獨(dú)立性以便將來(lái)的移植。
2010-09-09
微信小程序動(dòng)態(tài)添加分享數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了微信小程序動(dòng)態(tài)添加分享數(shù)據(jù)的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
layui復(fù)選框限制選擇個(gè)數(shù)的方法
今天小編就為大家分享一篇layui復(fù)選框限制選擇個(gè)數(shù)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
淺析JavaScript中的隱式類型轉(zhuǎn)換
這篇文章主要是對(duì)JavaScript中的隱式類型轉(zhuǎn)換進(jìn)行了詳細(xì)分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
JavaScript 防篡改對(duì)象的用法示例
這篇文章主要介紹了JavaScript 防篡改對(duì)象的用法示例，幫助大家更好的理解和學(xué)習(xí)使用JavaScript，感興趣的朋友可以參考下
2021-04-04
Javascript實(shí)現(xiàn)秒表計(jì)時(shí)游戲
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)秒表計(jì)時(shí)游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-05-05
springMVC結(jié)合AjaxForm上傳文件
這篇文章主要為大家詳細(xì)介紹了springMVC結(jié)合AjaxForm上傳文件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07
原生JS實(shí)現(xiàn)視頻截圖功能的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)原生JavaScript實(shí)現(xiàn)視頻截圖功能,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,需要的小伙伴可以參考一下
2023-11-11
onmousewheel event 縮放圖片效果
onmousewheel event 縮放圖片效果...
2006-09-09
手機(jī)端頁(yè)面rem寬度自適應(yīng)腳本
網(wǎng)上關(guān)于這方面的文章有很多，重復(fù)的東西本文不再贅述，僅提供思路，并解釋一些其他文章講述模糊的地方。重點(diǎn)給大家介紹下rem.有需要的小伙伴可以參考下。
2015-05-05