xataku_nakusute
07-27-2003, 11:51 PM
<html><head>
<title>Table Fade In</title>
<style type="text/css"><!--
body{background-color:#ffffff;}
--></style>
<script type="text/javascript"><!--
var colours=new Array();
colours[0]="#ffffff";
colours[1]="#eeeeee";
colours[2]="#dddddd";
colours[3]="#cccccc";
colours[4]="#bbbbbb";
colours[5]="#aaaaaa";
colours[6]="#999999";
colours[7]="#888888";
colours[8]="#777777";
colours[9]="#666666";
colours[10]="#555555";
colours[11]="#444444";
colours[12]="#333333";
colours[13]="#222222";
colours[14]="#111111";
colours[15]="#000000";
var n=0;
function fadein(){
document.getElementById("string").bgColor=colours[n];
if(n<=colours.length){n++;
setTimeout("fadein()",100);}}
//--></script>
<script type="text/javascript"><!--
var colours2=new Array();
colours2[0]="#000000";
colours2[1]="#111111";
colours2[2]="#222222";
colours2[3]="#333333";
colours2[4]="#444444";
colours2[5]="#555555";
colours2[6]="#666666";
colours2[7]="#777777";
colours2[8]="#888888";
colours2[9]="#999999";
colours2[10]="#aaaaaa";
colours2[11]="#bbbbbb";
colours2[12]="#cccccc";
colours2[13]="#dddddd";
colours2[14]="#eeeeee";
colours2[15]="#ffffff";
var x=0;
function fadeout(){
document.getElementById("string").bgColor=colours2[x];
if(x<=colours2.length){x++;
setTimeout("fadeout()",100);}}
//--></script>
</head>
<body>
<a href="#" onmouseover="fadein()" onmouseout="fadeout();"><font color="#404060">Fade</font></a>
<table id="string" width="100" height="100" border="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
</body>
</html>
this code fades through different colors until its last one is reached......
but after i mouseout from the link, i cannot make the table reappear onmoueover
<title>Table Fade In</title>
<style type="text/css"><!--
body{background-color:#ffffff;}
--></style>
<script type="text/javascript"><!--
var colours=new Array();
colours[0]="#ffffff";
colours[1]="#eeeeee";
colours[2]="#dddddd";
colours[3]="#cccccc";
colours[4]="#bbbbbb";
colours[5]="#aaaaaa";
colours[6]="#999999";
colours[7]="#888888";
colours[8]="#777777";
colours[9]="#666666";
colours[10]="#555555";
colours[11]="#444444";
colours[12]="#333333";
colours[13]="#222222";
colours[14]="#111111";
colours[15]="#000000";
var n=0;
function fadein(){
document.getElementById("string").bgColor=colours[n];
if(n<=colours.length){n++;
setTimeout("fadein()",100);}}
//--></script>
<script type="text/javascript"><!--
var colours2=new Array();
colours2[0]="#000000";
colours2[1]="#111111";
colours2[2]="#222222";
colours2[3]="#333333";
colours2[4]="#444444";
colours2[5]="#555555";
colours2[6]="#666666";
colours2[7]="#777777";
colours2[8]="#888888";
colours2[9]="#999999";
colours2[10]="#aaaaaa";
colours2[11]="#bbbbbb";
colours2[12]="#cccccc";
colours2[13]="#dddddd";
colours2[14]="#eeeeee";
colours2[15]="#ffffff";
var x=0;
function fadeout(){
document.getElementById("string").bgColor=colours2[x];
if(x<=colours2.length){x++;
setTimeout("fadeout()",100);}}
//--></script>
</head>
<body>
<a href="#" onmouseover="fadein()" onmouseout="fadeout();"><font color="#404060">Fade</font></a>
<table id="string" width="100" height="100" border="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
</body>
</html>
this code fades through different colors until its last one is reached......
but after i mouseout from the link, i cannot make the table reappear onmoueover