主要是实现任何页面只要引入class="button1的样式,设置按钮的样式和控制鼠标移出、移进样式和动作。JS使用的是Jquery框架.
html页面需要引入连个js文件按:
<script type="text/javascript" language="Javascript" src="jquery.js"></script>
<script type="text/javascript" language="Javascript" src="index.js"></script>
html代码
<table width="529" border="1" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="525"> <input type="submit" name="Submit" value="提交" class="button1" />
<input type="button" name="Submit2" value="按钮" class="button1"/>
<input type="reset" name="Submit3" value="重置" class="button1" /></td>
</tr>
</table>
index.js代码:
var isIE=document.all? true:false;//判断是否IE
var isFF=(!isIE);//判断是否FF
if (isIE){window.attachEvent("onload", init);}else{window.addEventListener("load", init, false);}
window.attachEvent("onload", init);
function init(){
var buttonObj=$("input");
if(buttonObj.attr("class")=="button1"){
buttonObj.css("height","25px");
buttonObj.css("width","66px");
buttonObj.css("cursor","0px");
buttonObj.css("border","12px");
buttonObj.css("color","#FFFFFF");
buttonObj.css("background","transparent");
buttonObj.css("background-image","url(button_h3_03.png)");
}
buttonObj.hover(
function (event) { //放上去
$(event.target).css("background-image", "url(button_h3_02.png)");
},
function (event) { //移开
$(event.target).css("background-image", "url(button_h3_03.png)");
}
);
buttonObj.click( //单击
function (event) {
$(event.target).css("background-image", "url(button_h3_01.png)");
}
);
}
分享到:
相关推荐
标题中的"google鼠标经过JS特效,IE/FF兼容"指的是一个JavaScript实现的特效,它在鼠标悬停(mouseover)某个元素时,会触发一个特定的动画效果,即上部的图片从小到大闪动出现。这个特效适用于谷歌浏览器(Google ...
- **问题描述**:在 IE 和 FF 中,鼠标指针样式的默认行为不同。在 IE 中,当设置 `cursor: pointer;` 时,会显示为手型指针;而在 FF 中则显示为默认指针。 - **解决方案**: - 明确指定所有浏览器下的鼠标指针...
### 浏览器兼容性问题解析:针对IE6、IE7与Firefox的样式处理 在Web开发中,浏览器兼容性始终是一项重要的考虑因素。不同浏览器对CSS的支持程度不一,尤其是对于早期版本的Internet Explorer(IE)如IE6、IE7,以及...
FF和IE的兼容性问题一直是前端开发者面临的重要挑战。这些浏览器在处理JavaScript、DOM操作以及事件处理等方面的差异,可能导致代码在不同浏览器上表现不一致。以下是对这些兼容性问题的详细解析和解决策略: 1. **...
### IE与FF的兼容问题 #### CSS篇 在网页开发过程中,不同的浏览器对CSS的支持程度不一,导致了诸多兼容性问题。以下列举了一些IE(Internet Explorer)与Firefox(火狐浏览器)之间的常见CSS兼容性差异及其解决...
本文将深入探讨FF和IE之间的CSS兼容性问题,以及如何解决这些差异。 首先,让我们来看标题和描述中提到的问题:如何使`DIV`或`table`在IE和Firefox中水平居中。在CSS中,有多种方法可以实现这个效果,但并非所有...
在网页开发中,"兼容IE FF 省级三级联动"是一个常见的需求,涉及到前端界面交互和浏览器兼容性处理。这个需求通常出现在构建一个选择地址的下拉菜单时,用户首先选择省份,接着是城市,最后是区县,这三个级别形成一...
### IE与FF脚本兼容性问题详解 #### 一、概述 随着Web技术的发展,不同浏览器之间的兼容性问题一直是前端开发者关注的重点。本文主要探讨Internet Explorer(简称IE)与Mozilla Firefox(简称FF或MF)之间在...
### IE和FF兼容问题详解 #### 一、引言 随着互联网技术的不断发展与普及,网页设计者们面临着越来越复杂的浏览器兼容性挑战。在众多浏览器中,Internet Explorer(简称IE)与Firefox因其庞大的用户基数而成为了...
本文将针对Internet Explorer(以下简称IE)与Mozilla Firefox(以下简称FF)这两种浏览器之间的兼容性差异进行详细讲解,并通过具体示例来分析这些差异。 #### 1. document.all()与document.getElementById() - *...
对于兼容性问题,JavaScript通常配合CSS3使用,因为CSS3提供了许多强大的布局功能,如Flexbox和Grid,但在老版本的IE浏览器(特别是IE8及以下)中,这些新特性可能不被支持。为了实现对这些浏览器的兼容,我们可以...
标题“鼠标右键选中copy功能(IE&FF兼容)”涉及到的是网页开发中关于鼠标右键功能的实现,特别是如何实现在Internet Explorer(IE)和Firefox(FF)这两种不同的浏览器中,用户通过右键选择复制(Copy)的功能。...
jsencrypt 兼容IE8,Chrome,FF,包括exports.default,Object.defineProperty不兼容问题处理等。
标题中的“兼容ff和ie的鼠标样式”指的是在网页开发中如何实现鼠标指针效果在Firefox(火狐浏览器)和Internet Explorer(IE浏览器)之间的兼容性。由于不同的浏览器对CSS样式的支持存在差异,开发者需要编写特定的...
标题中的“IE/FF兼容问题”指的是在网页开发过程中,Internet Explorer(IE)浏览器与Firefox浏览器之间存在的兼容性挑战。由于这两个浏览器对JavaScript、CSS、DOM等Web标准的实现方式存在差异,开发者需要处理这些...
### CSS完美兼容IE6_IE7_FF的通用方法 在网页设计与开发过程中,浏览器兼容性问题一直是前端开发者面临的重要挑战之一。特别是在早期的Web开发中,如何让网站同时兼容Internet Explorer 6(简称IE6)、Internet ...
### IE与FF的CSS兼容问题大集合 在前端开发中,不同浏览器对于CSS的支持程度不同,这往往会导致页面在不同的浏览器下显示效果不一致。本文将详细介绍Internet Explorer(IE)和Firefox(FF)两种浏览器之间常见的...
在ie6 ie7 ie8 ff浏览器下显示不同的效果,测试的时候很好用哦。