兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现

前段时间一直找这个的简短实现  网上也有很多方法 昨天发现了这种方法 感觉是用代码最少的 呵呵
ie下支持css的js ff等支持:hover 就这样了 觉得好的就顶起来

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现</title> 
<style type="text/css"> 
#b_g_date tr{ 
  event:expression(
       onmouseover = function(){this.style.backgroundColor='#E3FFC9'},
       onmouseout = function(){this.style.backgroundColor='#FFFFFF'}); 

#b_g_date tr:hover{   background:#E3FFC9; } 
#b_g_date td{   height:20px; } 
</style> 
</head> 
<body> 
<table width="500" border="1"  height="300" id="b_g_date"> 
  <tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
  </tr> 
  <tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
  </tr> 
  <tr> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
    <td> </td> 
  </tr> 
</table> 
</body> 
</html>

时间: 2024-12-25 00:46:10

兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现的相关文章

兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版_javascript技巧

                                                                                                                                                                                                       

漂浮广告代码兼容ie、firefox,多个漂浮不冲突,调用只需两行代码

原文:漂浮广告代码兼容ie.firefox,多个漂浮不冲突,调用只需两行代码 将广告内容放在div中,设置一个id,然后用下面方法调用var adcls=new AdMove("div的id");adcls.Run();注意,在调用前要先引用Main.js和AdFloat.js,div也要在调用前写好,原因就不用说了吧 或者也可以用下面方法,在页面加载完成时调用,就不用考虑位置了addEvent(window,"load",initad);function init

js获取select标签的值且兼容IE与firefox

 本篇文章主要介绍了js获取select标签的值且兼容IE与firefox.需要的朋友可以过来参考下,希望对大家有所帮助 jsp代码: 代码如下: <form id="search">  <select id="jobSelect" style="width: 200px;" name="jobSelect">   <s:if test='jobSelect == null || jobSelec

window.event.keyCode兼容IE和Firefox实现js代码_javascript技巧

HTML代码 复制代码 代码如下: <input type="text" onkeydown="keyNumAll(event);" > Javascript 代码 复制代码 代码如下: function keyNumAll(evt){ //兼容IE和Firefox获得keyBoardEvent对象 evt = (evt) ? evt : ((window.event) ? window.event : ""); var key =

js窗口关闭提示信息(兼容IE和firefox)_javascript技巧

很多时候,在浏览网页时,我们需要考虑用户不小心时关闭窗口的情况,特别是当用户有很重要的数据还没有保存,我们的程序有必要对用户进行提醒.这个时候我们可以通过是用javascript window.onbeforeunload() 这个方法来阻止用户关闭窗口,见如下这个例子: <script type="text/javascript"> window.onbeforeunload=function(event){ return 'hello'; } </script&g

兼容IE、firefox以及chrome的js获取时间(getFullYear)_时间日期

一般情况下,我们获取年份的时候都是通过下面的代码: var now = new Date(); var initYear = now.getYear(); 以上代码在IE中initYear是对的,但是ff以及chrome下不兼容,换成 var initYear = now.getFullYear(); IE.FireFox.Chrome下均可行 JS中getYear()和getFullYear()区别: js中得到当前年份做法是var dayObj=new Date(); dayObj.getY

兼容IE和Firefox Chrome和Opera 加入收藏代码

是一个可以兼容IE和Firefox的加入收藏代码,Chrome和Opera本身不支持加收藏,要实现Chrome加入收藏请 function createIcon() {     var desktop = google.gears.factory.create("beta.desktop");     var description = "Google一下,你就知道!";     var name = "Google";   //name不支持中

js实现兼容IE、Firefox的图片缩放代码_javascript技巧

本文实例讲述了js实现兼容IE.Firefox的图片缩放代码.分享给大家供大家参考,具体如下: function SetSize(obj, width, height) { myImage = new Image(); myImage.src = obj.src; if (myImage.width > 0 && myImage.height > 0) { var rate = 1; if (myImage.width > width || myImage.height

通用弹出层页面(兼容IE、firefox)可关闭控制宽高及屏蔽背景_JSP编程

<%...@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %> <%.../* 通用弹出层页面(兼容IE.firefox) 说明: 1.openWindows(width,height)----打开弹出层调用的函数,可控制层的宽度和高度 2.hiddenWindows(