-
本版专家分：25结帖率 100% -
怎么像 csdn 这里的 table 表 鼠标移动行变色渐变效果？ 主要是渐变效果。
参照 <我的帖子> 里的数据表
谢谢![]()
-
本版专家分：16
-
设置一下style
<style> A{
TEXT-DECORATION:NONE
}
BODY{
FONT-family;font-size:
}
table{font-family: ;font-size:
}
A:hover{color:rgb(***,***,***),TEXT-DECORATION:*****
}
有些属性值没我没具体列出来，
你自己做做看啦。
-
本版专家分：34199 -
<tr onMouseOver="this.style.backgroundColor='#CDE9F8'" onMouseOut="this.style.backgroundColor='#FFFFFF'">
-
本版专家分：88310
-
- 铜牌 2008年10月 总版技术专家分月排行榜第三
-
-
红花
2009年1月 Web 开发大版内专家分月排行榜第一
2008年12月 Web 开发大版内专家分月排行榜第一
2008年10月 Web 开发大版内专家分月排行榜第一
2008年9月 Web 开发大版内专家分月排行榜第一
2008年8月 Web 开发大版内专家分月排行榜第一
-
-
黄花
2009年3月 Web 开发大版内专家分月排行榜第二
2009年2月 Web 开发大版内专家分月排行榜第二
2008年11月 Web 开发大版内专家分月排行榜第二
-
-
<tr onMouseOver="this.style.backgroundColor='#CDE9F8'" onMouseOut="this.style.backgroundColor='#FFFFFF'">
-
本版专家分：34199
-
<table>
<tr onMouseOver="this.style.backgroundColor='#CDE9F8'" onMouseOut="this.style.backgroundColor='#FFFFFF'">
<td>ddddd</td>
</tr>
</table>
-
本版专家分：16
-
学习
-
本版专家分：5901 -
期待中~~~~
-
本版专家分：88310
-
- 铜牌 2008年10月 总版技术专家分月排行榜第三
-
-
红花
2009年1月 Web 开发大版内专家分月排行榜第一
2008年12月 Web 开发大版内专家分月排行榜第一
2008年10月 Web 开发大版内专家分月排行榜第一
2008年9月 Web 开发大版内专家分月排行榜第一
2008年8月 Web 开发大版内专家分月排行榜第一
-
-
黄花
2009年3月 Web 开发大版内专家分月排行榜第二
2009年2月 Web 开发大版内专家分月排行榜第二
2008年11月 Web 开发大版内专家分月排行榜第二
-
-
哪的效果啊？？？![]()
-
本版专家分：2177 -
不知道是哪个 效果
-
本版专家分：5901
-
就在你们看贴子的页面上, 最上面那里有 "我的帖子" "我参与的帖子" "我的空间" "我的网摘" (CSDN的LOGO旁)
点"我参与的贴子" 进去把MOUSE放到某一行,底色会变....就这个效果
-
本版专家分：25
-
对啊，就是这个效果？ 是不是 都看到的是渐变？ 难道是视觉欺骗？
-
本版专家分：20
-
渐变效果是用图片 repeat的
-
本版专家分：20
-
这种渐变效果 就是图片 配合hover 就行了![]()
-
本版专家分：91
-
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="changeColor.aspx.cs" Inherits="exmple_move_changeColor" %>
<!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 runat="server">
<title>渐变背景色</title>
<script type="text/javascript">
function cerateTable(){
var tableString = '<table style="width:100%;" border="1" cellpadding="1" cellspacing="1">';
for(i=0; i<10; i++){
var color = (i%2)>0?"#f5f5f5":"#ffffff";
tableString += '<tr><td style="height:40px;background-color:'+color+'" onmouseover="over(this)" onmouseout="out(this,'+(i%2)+')"></td></tr>';
}
tableString += '<tr><td style="height:40px;"></td></tr></table>';
document.getElementById('thisDiv').innerHTML = tableString;
}
poi=null;
g_TimeOut=null;
function over(point){
if(point){
poi = point;
}
if ( poi.style.backgroundColor!='#e3e3e3' )
{
var bgcolor16 = poi.style.backgroundColor.substr(1,2);
var bgcolor10 = eval("0X" + bgcolor16);//转为10进制
bgcolor10 -= 1;
bgcolor16 = bgcolor10.toString(16);//转为16进制
poi.style.backgroundColor = "#" + bgcolor16 + bgcolor16 + bgcolor16;
g_TimeOut = setTimeout( "over()", 10 );//隔0.01秒变一次
}
else
{
if ( g_TimeOut != null )
{
clearTimeout( g_TimeOut );
}
}
}
function out(point,number){
if(number==0){
point.style.background='#ffffff';
}
else
{
point.style.background='#f5f5f5';
}
}
</script>
</head>
<body onload="cerateTable()">
<form id="form1" runat="server">
<div id="thisDiv" style="width:100%;">
</div>
</form>
</body>
</html>