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


Posted in Javascript onNovember 01, 2014

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

方法一:

<input type="submit" onMouseOver="style=background:url('imgs/3water.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="3water.jpg" />

希望本文所述对大家基于javascript的web程序设计有所帮助。

Javascript 相关文章推荐
javascript实现仿银行密码输入框效果的代码
Dec 13 Javascript
node在两个div之间移动,用ztree实现
Mar 06 Javascript
js仿百度贴吧验证码特效实例代码
Jan 16 Javascript
Node.js异步I/O学习笔记
Nov 04 Javascript
JavaScript学习笔记之定时器
Jan 22 Javascript
js检测用户输入密码强度
Oct 22 Javascript
深入理解JavaScript中的对象复制(Object Clone)
May 18 Javascript
JS实现HTML表格排序功能
Aug 05 Javascript
微信小程序 网络API发起请求详解
Nov 09 Javascript
浅谈Angular路由复用策略
Oct 04 Javascript
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
Vue实现购物车详情页面的方法
Aug 20 Javascript
js实现网页随机切换背景图片的方法
Nov 01 #Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 #Javascript
一个检测表单数据的JavaScript实例
Oct 31 #Javascript
JS 打印功能代码可实现打印预览、打印设置等
Oct 31 #Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 #Javascript
Jquery修改页面标题title其它JS失效的解决方法
Oct 31 #Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
Oct 31 #Javascript
You might like
4种PHP异步执行的常用方式
2015/12/24 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中
2011/10/29 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
2013/07/16 Javascript
jquery获取复选框被选中的值
2014/04/10 Javascript
jQuery多级弹出菜单插件ZoneMenu
2014/12/18 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
详解vue-router基本使用
2017/04/18 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
2019/03/15 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
2020/01/26 Javascript
[55:04]海涛DOTA2死魂复燃6.82版本介绍
2014/09/28 DOTA
Python常用库推荐
2016/12/04 Python
Python中动态检测编码chardet的使用教程
2017/07/06 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
python opencv实现运动检测
2018/07/10 Python
使用pytorch进行图像的顺序读取方法
2018/07/27 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
基于python3 的百度图片下载器的实现代码
2019/11/05 Python
python 统计文件中的字符串数目示例
2019/12/24 Python
Python内置方法和属性应用:反射和单例(推荐)
2020/06/19 Python
python全栈开发语法总结
2020/11/22 Python
Pandas中两个dataframe的交集和差集的示例代码
2020/12/13 Python
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2021/01/01 Python
CSS3实现的文本3D效果附图
2014/09/03 HTML / CSS
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
2019/01/17 HTML / CSS
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
我的五年职业生涯规划
2014/01/23 职场文书
护士自我评价
2014/02/01 职场文书
计算机实训报告范文
2014/11/05 职场文书
导游词格式
2015/02/13 职场文书
元旦晚会开场白
2015/05/29 职场文书
2016大学迎新晚会开场白
2015/11/24 职场文书
幼儿教师师德培训心得体会
2016/01/09 职场文书
Sleuth+logback 设置traceid 及自定义信息方式
2021/07/26 Java/Android