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 相关文章推荐
jquery中动态效果小结
Dec 16 Javascript
再论Javascript的类继承
Mar 05 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
js实现连个数字相加而不是拼接的方法
Feb 23 Javascript
js实现顶部可折叠的菜单工具栏效果实例
May 09 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
Jul 27 Javascript
element-ui 文件上传修改文件名的方法示例
Nov 05 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
Jan 07 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
原生js实现点击按钮复制内容到剪切板
Nov 19 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中使用XML
2006/10/09 PHP
使用PHP强制下载PDF文件示例
2014/01/17 PHP
php中的curl_multi系列函数使用例子
2014/07/29 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
php数组和链表的区别总结
2019/09/20 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
Javascript this指针
2009/07/30 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
Bootstrap实现水平排列的表单
2016/07/04 Javascript
jQuery实现简单的tab标签页效果
2016/09/12 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
EasyUI学习之DataGird分页显示数据
2016/12/29 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
vue开发中遇到的问题总结
2020/04/07 Javascript
vue中的.$mount('#app')手动挂载操作
2020/09/02 Javascript
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
python图像处理之镜像实现方法
2015/05/30 Python
总结python爬虫抓站的实用技巧
2016/08/09 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
Python实现将多个空格换为一个空格.md的方法
2018/12/20 Python
tensorflow实现打印ckpt模型保存下的变量名称及变量值
2020/01/04 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
Pytorch 使用opnecv读入图像由HWC转为BCHW格式方式
2020/06/02 Python
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)
2017/09/15 HTML / CSS
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
四年级语文教学反思
2014/02/05 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js
win10重装系统后上不了网怎么办 win10重装系统网络故障的解决办法
2022/07/23 数码科技
windows11选中自动复制怎么开启? Win11自动复制所选内容的方法
2022/07/23 数码科技