鼠标划过，表格变色

提示：您可以先修改部分代码再运行

<table cellpadding="0" cellspacing="0" width="100%">
<tr onmouseover="this.bgColor='red'" onmouseout="this.bgColor=''">
<td>This is only an Example</td><td>This is only an Example</td>
</tr></table>

提示：您可以先修改部分代码再运行

时间： 2024-10-30 17:27:00

鼠标划过，表格变色的相关文章

一个简单但常用的javascript表格样式_鼠标划过行变色简洁实现_javascript技巧

第一个太简单就不说了,第二个也很简单,但每个人都有不同的实现方法,下面给一个比较简洁的做法,支持IE6.IE7.FF2,其他浏览器未测试(可以扩展一下用到ASP.NET的GridView里): 鼠标划过表格行变色-简洁实现商品名称单价库存数量货位丁学最喜欢的仙四豪华版-菱纱版 139 10000000 A12-253 仙四豪华版-梦璃版 139 10000000 A12-254 仙四普通版-首发 69 10000000 A12-255 [Ctrl+A 全选注:如需引入外部Js需刷新才

CSS实现鼠标滑过表格变色

第一种: expression 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> .tablestyle{ background-color:#CCCCCC; border:#ff0000 solid 2px; borde

用javascript css实现GridView行背景色交替、鼠标划过行变色，点击行变色选中_实用技巧

加上鼠标点击选择(其实只是点击后变个颜色,"选择"这个词在这里不合适),顺便把这个直接应用到GridView上,如果是其他的控件,或者直接的HTML,稍加修改也可以用上,这里仅提供一个思路.虽然GridView使用AlternatingRowStyle提供了交替行背景色的问题,但这个东西用着实在不爽,看它生成到HTML的那个table,那叫一个乱啊. 下面是代码,注释应该还算比较详细,比较适合初学者,可以把下面两个文件的代码直接复制到你的项目中直接执行.最下面有文件的下载地址,也可以直

js代码-鼠标划过时整行变色

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script> function overIt(){ var the_obj = event.srcElement; if(the_obj.tagName.toLowerCase() == "td"){ the_obj=the_obj.parentElemen

js 奇或偶数行高亮显示及鼠标划过高亮显示

js 奇或偶数行高亮显示及鼠标划过高亮显示 function addclass(elem, value){ if (!elem.classname) { elem.classname = value; } else { var newclass = elem.classname; newclass += " "; newclass += value; elem.classname =

奇偶行高亮显示及鼠标划过高亮显示类_javascript技巧

Mr.Think的个人博客 @专注前端技术,热爱PHP,崇尚简单生活. 1 A C D Y 2 B S A E 3 H I F J 4 A G A N 5 Z A G M 6 C D L H 7 D W G S 8 T Q O M 可以通过改变var odd=true;的值来确定是高亮显示奇数行还是偶数行; DOM编程,兼容主流浏览器,可扩展性强; 适应于表格,列表,div等; elemid:事件ID,就是你想实现这种效果所在ID; tagName:事件tagName值,比如li,tr,p等等;

鼠标划过事件: 今天又写了个鼠标划过显示不同图片的JS

实例讲解：CSS制作鼠标经过改变表格背景属性

css|鼠标这份教程将教会你下面的技巧:当鼠标移至表格(单元格)上方时,改变表格的背景颜色. 首先,在你的页面上创建一个菜单:然后,创建两种用于鉴别的颜色体:一个是表格的初始颜色,另一个是鼠标移至表格上方时所产生的背景颜色.在我这个案例中,我所默认使用的背景效果颜色(鼠标以上去时)是:#999999,初始颜色是:#CCCCCC. 现在,将下面这段代码复制到文档头部.(位于<HEAD></HEAD>标签之间)<style type="text/css"&g

jQuery实现鼠标划过添加和删除class的方法

本文实例讲述了jQuery实现鼠标划过添加和删除class的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 $('#elm').hover( function(){ $(this).addClass('hover') }, function(){ $(this).removeClass('hover') } ) 希望本文所述对大家的jQuery程序设计有所帮助.

奇或偶数行高亮显示及鼠标划过高亮显示类

奇或偶数行高亮显示及鼠标莫过高亮显示,一个经常用到的效果,也能谷歌到大把的这种效果JS,但好像还没有一个封装成类直接用的.想象自己当初谷歌这个类时,还真没少折腾时间. 花了点时间,封装成了一个类(附带一个添加样式的类),适合初学者,直接调用函数即可,无需改代码.核心JavaScript代码: //@Mr.Think---添加样式的类function addClass(elem,value){ if(!elem.className){ elem.className=valu