js實現(xiàn)按鈕加背景圖片常用方法
更新時間：2014年11月01日 09:38:18 投稿：shichen2014
這篇文章主要介紹了js實現(xiàn)按鈕加背景圖片常用方法,羅列了js事件觸發(fā)控制背景圖片、css樣式控制以及圖片按鈕三種方法,非常具有實用價值,需要的朋友可以參考下
本文實例講述了js實現(xiàn)按鈕加背景圖片常用方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
方法一:
復制代碼 代碼如下:
<input type="submit" onMouseOver="style=background:url('imgs/jb51.gif')"/>
方法二:
復制代碼 代碼如下:
<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" />
希望本文所述對大家基于javascript的web程序設計有所幫助。
相關文章
動態(tài)加載圖片路徑 保持JavaScript控件的相對獨立性
根據(jù)新界面的要求，需要一部分圖片來增強日期控件的美觀性?？紤]到既要實現(xiàn)加載圖表的目標，又要保持控件的獨立性以便將來的移植。2010-09-09
這篇文章主要為大家詳細介紹了微信小程序動態(tài)添加分享數(shù)據(jù)的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
今天小編就為大家分享一篇layui復選框限制選擇個數(shù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要是對JavaScript中的隱式類型轉換進行了詳細分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了JavaScript 防篡改對象的用法示例，幫助大家更好的理解和學習使用JavaScript，感興趣的朋友可以參考下2021-04-04
這篇文章主要為大家詳細介紹了Javascript實現(xiàn)秒表計時游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
這篇文章主要為大家詳細介紹了springMVC結合AjaxForm上傳文件的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要為大家詳細介紹了如何通過原生JavaScript實現(xiàn)視頻截圖功能,文中的示例代碼講解詳細,具有一定的借鑒價值,需要的小伙伴可以參考一下2023-11-11
onmousewheel event 縮放圖片效果...2006-09-09
網(wǎng)上關于這方面的文章有很多，重復的東西本文不再贅述，僅提供思路，并解釋一些其他文章講述模糊的地方。重點給大家介紹下rem.有需要的小伙伴可以參考下。2015-05-05