看到个
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表格渐显</title>
<style type="text/css">
<!--
.page_table {
filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=140);
}
-->
</style>
</head>
<body>
<table id="tabbb" style="visibility:hidden;width:285;height:140;" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF0000" class="page_table" >
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
<script language="javascript">
<!--
function gon2(){
var showInterval = 2;
objx = document.getElementById("tabbb");
objx.style.clip = "rect("+T+"px 285px "+originalT+"px 0px)";
if(T>=0)
{
T-= 5;
setTimeout("gon2()", showInterval);
}
}
//-->
</script>
<script language="javascript">
<!--
var originalT;
var T;
originalT = document.getElementById("tabbb").offsetHeight;
T = originalT - 1;
document.getElementById("tabbb").style.visibility = 'visible';
gon2();
//-->
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表格渐显</title>
<style type="text/css">
<!--
.page_table {
filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=140);
}
-->
</style>
</head>
<body>
<table id="tabbb" style="visibility:hidden;width:285;height:140;" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF0000" class="page_table" >
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
<script language="javascript">
<!--
function gon2(){
var showInterval = 2;
objx = document.getElementById("tabbb");
objx.style.clip = "rect("+T+"px 285px "+originalT+"px 0px)";
if(T>=0)
{
T-= 5;
setTimeout("gon2()", showInterval);
}
}
//-->
</script>
<script language="javascript">
<!--
var originalT;
var T;
originalT = document.getElementById("tabbb").offsetHeight;
T = originalT - 1;
document.getElementById("tabbb").style.visibility = 'visible';
gon2();
//-->
</script>
解决方案 »
- jquery autocomplet实现类似百度google的搜索如2345.com 或hao123.com的百度搜索框
- 请问只能接受数字的难题
- 请教高手!走过路过的进来看看!
- 下拉框问题的继续(可根据输入内容挑选下拉项)
- 大家知道 宇翔运通 吗?东莞的
- 过程分析问题,以及js监测问题。js如何去监测html代码的执行过程呢
- 在线等,JavaScript如果在<script scr="?"></script>包含一个文件啊?
- vb7.0中的datagrid的绑定问题?
- 在JS中,取得文本域字符窜长度用什么函数??谢谢!!!
- JCP提议:成立北京市程序员联盟/俱乐部(北京程序员之家),为北京程序员服务,请大家各抒己见!
- 如何判断一个传进来的值是否是数字
- js编码格式区别
虑镜,好像这个w3c不提倡使用
{
var rows = document.getElementById("FAQList").rows;
for(var i=1; i<rows.length; i++)
new MzBehavior.Highlight(rows[i], {backgroundColor: "#E0E0E0"});
});再去找找源函数!
<!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>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="yixianggao" />
<meta name="keywords" content="javascript" />
<meta name="description" content="for csdn" />
<script type="text/javascript" defer>
<!--var arrTimerId = new Array();
var numInterval = 20;function changePrimitiveColor(strPrimitiveColor, numStep)
{
if (strPrimitiveColor.length == 2)
{
var arrNumber = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f");
var MAX_COLOR = 255;
var numColor = parseInt(strPrimitiveColor, 16);
numColor += numStep;
if (numColor > MAX_COLOR)
{
numColor = 255;
} return arrNumber[Math.floor(numColor/16)] + arrNumber[numColor%16]
}
}function changeRowBgColor(numRowIndex, numStepR, numStepG, numStepB)
{
var row = document.getElementById("FAQList").rows[numRowIndex];
var strColor = row.style.backgroundColor;
if (strColor.length == 7)
{
var strR = changePrimitiveColor(strColor.substr(1, 2), numStepR);
var strG = changePrimitiveColor(strColor.substr(3, 2), numStepG);
var strB = changePrimitiveColor(strColor.substr(5, 2), numStepB);
row.style.backgroundColor = "#"+strR+strG+strB;
if (row.style.backgroundColor == "#ffffff")
{
window.clearInterval(arrTimerId[numRowIndex]);
arrTimerId[numRowIndex] = null;
}
}
}document.body.onload = function ()
{
var rows = document.getElementById("FAQList").rows;
for(var i=0; i<rows.length; i++)
{
rows[i].onmouseover = function ()
{
this.style.backgroundColor = "#ffcccc";
window.clearInterval(arrTimerId[this.rowIndex]);
arrTimerId[this.rowIndex] = null;
}; rows[i].onmouseout = function ()
{
if (arrTimerId[this.rowIndex] == undefined
|| arrTimerId[this.rowIndex] == null)
{
arrTimerId[this.rowIndex] = window.setInterval("changeRowBgColor("+this.rowIndex+", 1, 1, 1)", numInterval);
}
};
}
}; //-->
</script>
</head> <body>
<table id="FAQList" border="1" width="100%">
<tr>
<td>1</td>
<td>11</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>2</td>
<td>22</td>
<td>222</td>
<td>2222</td>
</tr>
<tr>
<td>3</td>
<td>33</td>
<td>333</td>
<td>3333</td>
</tr>
<tr>
<td>4</td>
<td>44</td>
<td>444</td>
<td>4444</td>
</tr>
<tr>
<td>1</td>
<td>11</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>2</td>
<td>22</td>
<td>222</td>
<td>2222</td>
</tr>
<tr>
<td>3</td>
<td>33</td>
<td>333</td>
<td>3333</td>
</tr>
<tr>
<td>4</td>
<td>44</td>
<td>444</td>
<td>4444</td>
</tr>
<tr>
<td>1</td>
<td>11</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>2</td>
<td>22</td>
<td>222</td>
<td>2222</td>
</tr>
<tr>
<td>3</td>
<td>33</td>
<td>333</td>
<td>3333</td>
</tr>
<tr>
<td>4</td>
<td>44</td>
<td>444</td>
<td>4444</td>
</tr>
<tr>
<td>1</td>
<td>11</td>
<td>111</td>
<td>111</td>
</tr>
<tr>
<td>2</td>
<td>22</td>
<td>222</td>
<td>2222</td>
</tr>
<tr>
<td>3</td>
<td>33</td>
<td>333</td>
<td>3333</td>
</tr>
<tr>
<td>4</td>
<td>44</td>
<td>444</td>
<td>4444</td>
</tr>
</table>
</body>
</html>
<style>
div{position:absolute;width:500;height:500;background:#99CCFF;z-index:-1;cursor:hand;}
</style><script language=javascript>
var cnt = 1;
window.$_timer1 = null;
window.$_timer2 = null;
var PublicID = null;function fncSetID(obj){
PublicID = obj
}function fncOver(){
window.clearTimeout($_timer2);
if (++cnt>=50) {
window.clearTimeout($_timer1);
return;
}
PublicID.style.filter="alpha(opacity=" +cnt+")";
$_timer1 = window.setTimeout(fncOver, 1);
}
function fncOut(){
window.clearTimeout($_timer1);
if (--cnt<0) {
window.clearTimeout($_timer2);
return;
}
PublicID.style.filter="alpha(opacity=" +cnt+")";
$_timer2 = window.setTimeout(fncOut, 1);
}
</script>