`

IE,FF兼容的鼠标移动样式转换

    博客分类:
  • js
阅读更多

主要是实现任何页面只要引入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兼容

    标题中的"google鼠标经过JS特效,IE/FF兼容"指的是一个JavaScript实现的特效,它在鼠标悬停(mouseover)某个元素时,会触发一个特定的动画效果,即上部的图片从小到大闪动出现。这个特效适用于谷歌浏览器(Google ...

    ie和ff兼容性大集合

    - **问题描述**:在 IE 和 FF 中,鼠标指针样式的默认行为不同。在 IE 中,当设置 `cursor: pointer;` 时,会显示为手型指针;而在 FF 中则显示为默认指针。 - **解决方案**: - 明确指定所有浏览器下的鼠标指针...

    ie6 ie7 ff浏览器兼容

    ### 浏览器兼容性问题解析:针对IE6、IE7与Firefox的样式处理 在Web开发中,浏览器兼容性始终是一项重要的考虑因素。不同浏览器对CSS的支持程度不一,尤其是对于早期版本的Internet Explorer(IE)如IE6、IE7,以及...

    FF和IE的兼容性问题总结

    FF和IE的兼容性问题一直是前端开发者面临的重要挑战。这些浏览器在处理JavaScript、DOM操作以及事件处理等方面的差异,可能导致代码在不同浏览器上表现不一致。以下是对这些兼容性问题的详细解析和解决策略: 1. **...

    IE与FF的兼容问题

    ### IE与FF的兼容问题 #### CSS篇 在网页开发过程中,不同的浏览器对CSS的支持程度不一,导致了诸多兼容性问题。以下列举了一些IE(Internet Explorer)与Firefox(火狐浏览器)之间的常见CSS兼容性差异及其解决...

    FF和IE兼容性问题

    本文将深入探讨FF和IE之间的CSS兼容性问题,以及如何解决这些差异。 首先,让我们来看标题和描述中提到的问题:如何使`DIV`或`table`在IE和Firefox中水平居中。在CSS中,有多种方法可以实现这个效果,但并非所有...

    兼容IE FF 省级三级联动

    在网页开发中,"兼容IE FF 省级三级联动"是一个常见的需求,涉及到前端界面交互和浏览器兼容性处理。这个需求通常出现在构建一个选择地址的下拉菜单时,用户首先选择省份,接着是城市,最后是区县,这三个级别形成一...

    IE与FF脚本兼容性问题

    ### IE与FF脚本兼容性问题详解 #### 一、概述 随着Web技术的发展,不同浏览器之间的兼容性问题一直是前端开发者关注的重点。本文主要探讨Internet Explorer(简称IE)与Mozilla Firefox(简称FF或MF)之间在...

    IE和FF兼容问题

    ### IE和FF兼容问题详解 #### 一、引言 随着互联网技术的不断发展与普及,网页设计者们面临着越来越复杂的浏览器兼容性挑战。在众多浏览器中,Internet Explorer(简称IE)与Firefox因其庞大的用户基数而成为了...

    IE_FF兼容性

    本文将针对Internet Explorer(以下简称IE)与Mozilla Firefox(以下简称FF)这两种浏览器之间的兼容性差异进行详细讲解,并通过具体示例来分析这些差异。 #### 1. document.all()与document.getElementById() - *...

    JavaScript 瀑布流 吸顶 兼容IE FF Chrome

    对于兼容性问题,JavaScript通常配合CSS3使用,因为CSS3提供了许多强大的布局功能,如Flexbox和Grid,但在老版本的IE浏览器(特别是IE8及以下)中,这些新特性可能不被支持。为了实现对这些浏览器的兼容,我们可以...

    鼠标右键选中copy功能(IE&FF兼容)

    标题“鼠标右键选中copy功能(IE&FF兼容)”涉及到的是网页开发中关于鼠标右键功能的实现,特别是如何实现在Internet Explorer(IE)和Firefox(FF)这两种不同的浏览器中,用户通过右键选择复制(Copy)的功能。...

    jsencrypt.js 兼容IE,Chrome,FF

    jsencrypt 兼容IE8,Chrome,FF,包括exports.default,Object.defineProperty不兼容问题处理等。

    备忘:兼容ff和ie的鼠标样式+javascript字符串hash+浮动提示

    标题中的“兼容ff和ie的鼠标样式”指的是在网页开发中如何实现鼠标指针效果在Firefox(火狐浏览器)和Internet Explorer(IE浏览器)之间的兼容性。由于不同的浏览器对CSS样式的支持存在差异,开发者需要编写特定的...

    IE/FF兼容问题

    标题中的“IE/FF兼容问题”指的是在网页开发过程中,Internet Explorer(IE)浏览器与Firefox浏览器之间存在的兼容性挑战。由于这两个浏览器对JavaScript、CSS、DOM等Web标准的实现方式存在差异,开发者需要处理这些...

    CSS完美兼容IE6_IE7_FF的通用方法

    ### CSS完美兼容IE6_IE7_FF的通用方法 在网页设计与开发过程中,浏览器兼容性问题一直是前端开发者面临的重要挑战之一。特别是在早期的Web开发中,如何让网站同时兼容Internet Explorer 6(简称IE6)、Internet ...

    IE与FF的CSS兼容问题大集合

    ### IE与FF的CSS兼容问题大集合 在前端开发中,不同浏览器对于CSS的支持程度不同,这往往会导致页面在不同的浏览器下显示效果不一致。本文将详细介绍Internet Explorer(IE)和Firefox(FF)两种浏览器之间常见的...

    ie6 ie7 ie8 ff兼容性测试页

    在ie6 ie7 ie8 ff浏览器下显示不同的效果,测试的时候很好用哦。

Global site tag (gtag.js) - Google Analytics