html表格鼠标划过变色,CSS实现鼠标滑过表格变色

每个单元格变色：

第1行	第1列
第2行	第2列
第3行	第3列
第4行	第4列
第5行	第5列

－－－－－－－－－－－－－－－－－－－－－－－－

以上都用到expression，实现变得很方便，但是，经测试，在IE6(其它版本我不知道)上很正常，在firefox上无任何反应…… ，要想在firefox上也有此效果，就要用第二种方法

(2)用JS

鼠标滑过变色：

window. showtable(){

var tablename=document.getElementById("mytable");

var li=tablename.getElementsByTagName("tr");

for (var i=0;i<=li.length;i++){

li[i].style.backgroundColor="#FFB584";

li[i].οnmοuseοver=function(){

this.style.backgroundColor="#FFFFFF";

}

li[i].οnmοuseοut=function(){

this.style.backgroundColor="#FFB584"

}

第1行	第1列
第2行	第2列
第3行	第3列
第4行	第4列
第5行	第5列

－－－－－－－－－－－－－－－－－－－－－－－－

隔行变色：

window. showtable(){

var tablename=document.getElementById("mytable");

var li=tablename.getElementsByTagName("tr");

for (var i=0;i<=li.length;i++){

if (i%2==0){

li[i].style.backgroundColor="#FFB584";

}else li[i].style.backgroundColor="#FFFFFF";

}

第1行	第1列
第2行	第2列
第3行	第3列
第4行	第4列
第5行	第5列

－－－－－－－－－－－－－－－－－－－－－－－－

以上都要用到JS，还需要table有个id，可以对指定的table操作，但是，假如遇到某人的firefox装了NoScript的话……可以无视了

html表格鼠标划过变色,CSS实现鼠标滑过表格变色相关推荐

html设置表格和div的距离,CSS/HTML Div调整大小和表格定位
我有3个div,父div,子div在顶部,另一个在底部.任何帮助将不胜感激,这里是我想达到的目标:CSS/HTML Div调整大小和表格定位当顶格调整大小/增加其大小,包含表将缩小,但保持在其位置上 ...
html设置鼠标移入移出样式,css实现鼠标移入移出动态效果
这篇文章主要介绍了关于css实现鼠标移入移出动态效果,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下知识点:transform-origin 兼容性:IE10以上 p { positi ...
html 鼠标经过出现文字,CSS实现鼠标滑过文字弹出一段说明文字无JS代码
用css实现内容弹出,无js代码,下面代码直接拷贝了就可用, 需要背景图的到下面的地址下载,谢谢! 地址:http://download.csdn.net/detail/zurich1979/7229 ...
CSS 控制鼠标划过，图片放大效果
♩ 背景今天在做后台管理 CMS 时,对于小图片的显示感觉太大了会浪费页面空间,想着在鼠标滑动时可以缓慢放大就好. ♪ 知识点 ①. transform:scale() 用法:transform: ...
鼠标划过表格行变色效果JS
 <script type="text/javascript"> /* 当鼠标移到表格上是,当前一行 ...
在php里让字体划过变色,鼠标划过字体时如何用css来实现字体变色？（代码实测）...
当我们在浏览网页时,鼠标划过某段文字会出现变色效果,这就是css字体变色,一方面是为了主动吸引人用户目光去点击,另一方面是为了防止用户点击错其他文字段落.其实这种css鼠标经过字体变色的效果是非常容易 ...
表格隔行变色_CSS实现鼠标悬停高亮
<!doctype html> <html> <head><meta http-equiv="content-type" content= ...
《div图层被鼠标划过时其背景色变色的五种方式》
概述: 同样是为了提高用户体验程度,本篇内容将叙述:div图层被鼠标划过时其背景色改变,鼠标离开相关div图层时其颜色变为原来的颜色.实现上述效果下面总结了五种实现方式,请您耐心阅读,或许会有点收获. ...
C# ListView控件显示表格（自适应宽度），添加 Checkbox，删除选择项，选中颜色和鼠标滑过背景变色
本文转载自:http://www.liangshunet.com/ca/201309/586362553.htm 亮术网 2020-03-07 本网原创 DataGridView控件功能十分强大,显示 ...

html表格鼠标划过变色,CSS实现鼠标滑过表格变色

html表格鼠标划过变色,CSS实现鼠标滑过表格变色相关推荐

最新文章

热门文章