首页 web前端 js教程 js实现按钮加背景图片常用方法汇总

js实现按钮加背景图片常用方法汇总

Jul 07, 2017 pm 02:56 PM
javascript 按钮 背景图片

这篇文章主要介绍了js实现按钮加背景图片常用方法,罗列了js事件触发控制背景图片、css样式控制以及图片按钮三种方法,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了js实现按钮加背景图片常用方法。分享给大家供大家参考。具体实现方法如下:

方法一:

 代码如下:

<input type="submit" onMouseOver="style=background:url(&#39;imgs/jb51.gif&#39;)"/>
登录后复制

方法二:

代码如下:

<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" />
登录后复制


以上是js实现按钮加背景图片常用方法汇总的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它们
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何在win10个性化设置中删除背景图片 如何在win10个性化设置中删除背景图片 Dec 21, 2023 pm 02:31 PM

Win10系统每次使用过的桌面背景都会在设置中的个性化背景图片里面显示,有些用户想删除,但是不知道怎么操作,这篇文章是本站给大家分享的Win10个性化背景图片删除方法。查看使用过的桌面背景图片:1、桌面空白处点击【右键】,在打开的菜单项中,选择【个性化】;2、在背景中的选择图片中,可以查看到您使用过的桌面背景图片;删除使用过的桌面背景图片:注意:本操作涉及到修改注册表,修改注册表有风险,请提前备份数据1、同时按下【Win+R】组合键,打开运行窗口,输入【regedit】命令,然后点击【确定】;2

如何使用WebSocket和JavaScript实现在线语音识别系统 如何使用WebSocket和JavaScript实现在线语音识别系统 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript实现在线语音识别系统引言:随着科技的不断发展,语音识别技术已经成为了人工智能领域的重要组成部分。而基于WebSocket和JavaScript实现的在线语音识别系统,具备了低延迟、实时性和跨平台的特点,成为了一种被广泛应用的解决方案。本文将介绍如何使用WebSocket和JavaScript来实现在线语音识别系

为什么我的笔记本电脑在按下电源按钮后无法启动? 为什么我的笔记本电脑在按下电源按钮后无法启动? Mar 10, 2024 am 09:31 AM

您的Windows笔记本电脑无法启动的原因可能有多种。内存故障、电池耗尽、电源按钮故障或硬件问题都是常见原因。下面提供了一些解决方案,帮助您解决这个问题。按下电源按钮后笔记本电脑无法启动如果您的Windows笔记本电脑在按下电源按钮后仍无法启动,您可以采取以下步骤来解决问题:你的笔记本充满电了吗?执行硬重置清理你的笔记本电脑重新拔插内存透明的CMOS型电池带上你的笔记本电脑去修理。1]您的笔记本电脑充满电了吗?首先要做的事情是检查您的笔记本电脑是否已经完全充电。如果电池耗尽,笔记本电脑将无法启动

WebSocket与JavaScript:实现实时监控系统的关键技术 WebSocket与JavaScript:实现实时监控系统的关键技术 Dec 17, 2023 pm 05:30 PM

WebSocket与JavaScript:实现实时监控系统的关键技术引言:随着互联网技术的快速发展,实时监控系统在各个领域中得到了广泛的应用。而实现实时监控的关键技术之一就是WebSocket与JavaScript的结合使用。本文将介绍WebSocket与JavaScript在实时监控系统中的应用,并给出代码示例,详细解释其实现原理。一、WebSocket技

iPhone 16长什么样?iPhone 16有哪些变化? iPhone 16长什么样?iPhone 16有哪些变化? Apr 07, 2024 pm 05:10 PM

iPhone15系列发布之后,有关苹果新品iPhone16的外观和配置相关爆料就没断过。iPhone16长什么样?iPhone16有改进吗?近日,有海外博主展示了iPhone16系列机型的设计,整体设计和iPhone15系列基本上相同。从图片中可以看到,iPhone16系列全系标配了一个全新的“拍摄”按钮,让用户更加方便地进行拍照。此外,其它设计细节暂时还不得而知。消息显示,这颗新增的按钮将用于拍摄视频,位于电源按钮下方。以往的消息曾提到其可能是一颗电容式固态按钮,但最近的说法显示这应该还是一颗

如何利用JavaScript和WebSocket实现实时在线点餐系统 如何利用JavaScript和WebSocket实现实时在线点餐系统 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket实现实时在线点餐系统介绍:随着互联网的普及和技术的进步,越来越多的餐厅开始提供在线点餐服务。为了实现实时在线点餐系统,我们可以利用JavaScript和WebSocket技术。WebSocket是一种基于TCP协议的全双工通信协议,可以实现客户端与服务器的实时双向通信。在实时在线点餐系统中,当用户选择菜品并下单

抖音直播伴侣怎样添加背景图片-抖音直播伴侣添加背景图片的方法 抖音直播伴侣怎样添加背景图片-抖音直播伴侣添加背景图片的方法 Mar 05, 2024 am 09:16 AM

很多在抖音做直播的用户都会使用抖音直播伴侣软件,不过你们知道抖音直播伴侣怎样添加背景图片吗?下文就是小编为你们带来的抖音直播伴侣添加背景图片的方法,感兴趣的用户快来下文看看吧。首先登录电脑上的抖音直播伴侣,然后进入主页。在左边,我们选择[添加材料]在[场景1]下面。接着,页面上会有一个添加材料的窗口,我们可以直接选择[图片]功能点击进入。然后,我们会打开一个当地存放图片材料的窗口。我们需要选择我们想要添加的图片材料,然后点击右下角的打开按钮添加它们。添加图片后,我们需要用鼠标左键将图片拉到合适的

解决IE浏览器按钮无响应的方法 解决IE浏览器按钮无响应的方法 Jan 30, 2024 am 10:48 AM

IE浏览器点击网页按钮没有反应怎么办?我们在点击网页按钮没有反应的话,可以在兼容性视图中进行设置!有小伙伴在使用IE浏览器的时候,发现点击网页中的按钮,浏览器不会有任何的反应,这样我们就无法使用该网页的功能,我们可以怎么样设置,小编下面整理了IE浏览器点击网页按钮没有反应解决办法,不会的话跟着我一起往下看吧!IE浏览器点击网页按钮没有反应解决办法1、打开IE浏览器,点击操作栏上【工具】按钮,并点击【兼容性视图】设置,如图所示。2、在【兼容性视图】设置页面中,点击右边的【添加】按钮,将该网站填入,

See all articles