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

 更新时间:2014年11月01日 09:38:18   投稿:shichen2014  
这篇文章主要介绍了js实现按钮加背景图片常用方法,罗列了js事件触发控制背景图片、css样式控制以及图片按钮三种方法,非常具有实用价值,需要的朋友可以参考下

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

方法一:

复制代码 代码如下:
<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程序设计有所帮助。

相关文章

  • 动态加载图片路径 保持JavaScript控件的相对独立性

    动态加载图片路径 保持JavaScript控件的相对独立性

    根据新界面的要求,需要一部分图片来增强日期控件的美观性。考虑到既要实现加载图表的目标,又要保持控件的独立性以便将来的移植。
    2010-09-09
  • 微信小程序动态添加分享数据

    微信小程序动态添加分享数据

    这篇文章主要为大家详细介绍了微信小程序动态添加分享数据的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • layui复选框限制选择个数的方法

    layui复选框限制选择个数的方法

    今天小编就为大家分享一篇layui复选框限制选择个数的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 浅析JavaScript中的隐式类型转换

    浅析JavaScript中的隐式类型转换

    这篇文章主要是对JavaScript中的隐式类型转换进行了详细分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • JavaScript 防篡改对象的用法示例

    JavaScript 防篡改对象的用法示例

    这篇文章主要介绍了JavaScript 防篡改对象的用法示例,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以参考下
    2021-04-04
  • Javascript实现秒表计时游戏

    Javascript实现秒表计时游戏

    这篇文章主要为大家详细介绍了Javascript实现秒表计时游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • springMVC结合AjaxForm上传文件

    springMVC结合AjaxForm上传文件

    这篇文章主要为大家详细介绍了springMVC结合AjaxForm上传文件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 原生JS实现视频截图功能的示例代码

    原生JS实现视频截图功能的示例代码

    这篇文章主要为大家详细介绍了如何通过原生JavaScript实现视频截图功能,文中的示例代码讲解详细,具有一定的借鉴价值,需要的小伙伴可以参考一下
    2023-11-11
  • onmousewheel event 缩放图片效果

    onmousewheel event 缩放图片效果

    onmousewheel event 缩放图片效果...
    2006-09-09
  • 手机端页面rem宽度自适应脚本

    手机端页面rem宽度自适应脚本

    网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方。重点给大家介绍下rem.有需要的小伙伴可以参考下。
    2015-05-05

最新评论