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 相关文章推荐
js身份证验证超强脚本
Oct 26 Javascript
js三种排序算法分享
Aug 16 Javascript
jquery模拟SELECT下拉框取值效果
Oct 23 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
Jan 15 Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 Javascript
jQuery自定义滚动条完整实例
Jan 08 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
Jan 20 Javascript
Vue组件tree实现树形菜单
Apr 13 Javascript
解析vue中的$mount
Dec 21 Javascript
vue 权限认证token的实现方法
Jul 17 Javascript
关于layui时间回显问题的解决方法
Sep 24 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
PHP中return 和 exit 、break和contiue 区别与用法
2012/04/09 PHP
两种php给图片加水印的实现代码
2020/04/18 PHP
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
2011/02/24 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
js 利用image对象实现图片的预加载提高访问速度
2013/03/29 Javascript
JS画5角星方法介绍
2013/09/17 Javascript
JS方法调用括号的问题探讨
2014/01/24 Javascript
NodeJS学习笔记之Http模块
2015/01/13 NodeJs
nginx配置React静态页面的方法教程
2017/11/03 Javascript
使用Vue实现图片上传的三种方式
2018/07/17 Javascript
通过JavaScript下载文件到本地的方法(单文件)
2019/03/17 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
2019/09/06 Javascript
node 解析图片二维码的内容代码实例
2019/09/11 Javascript
Python正则表达式的使用范例详解
2014/08/08 Python
python http接口自动化脚本详解
2018/01/02 Python
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
Tensorflow: 从checkpoint文件中读取tensor方式
2020/02/10 Python
Python通过len函数返回对象长度
2020/10/22 Python
Python实现异步IO的示例
2020/11/05 Python
python3 re返回形式总结
2020/11/20 Python
基于CSS3实现的黑色个性导航菜单效果
2015/09/14 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
《蚕姑娘》教学反思
2014/04/15 职场文书
关于教师节的演讲稿
2014/09/04 职场文书
小石潭记导游词
2015/02/03 职场文书
清明节扫墓活动总结
2015/02/09 职场文书
中秋节感想
2015/08/10 职场文书
法制教育主题班会
2015/08/13 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书
Django cookie和session的应用场景及如何使用
2021/04/29 Python
Node.js实现断点续传
2021/06/23 Javascript
CSS中实现动画效果-附案例
2022/02/28 HTML / CSS
Mysql数据库事务的脏读幻读及不可重复读详解
2022/05/30 MySQL
VUE递归树形实现多级列表
2022/07/15 Vue.js