kabir_8404
08-10-2009, 09:26 AM
Hello every one,I am trying on this script since last week for fadding color effect on menu when mouse is on over but can't get result.Please help me for this script.I am posting the unworking script.
<html>
<head>
<style type="text/css">
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:#0000CC;
padding:0.2em 0.6em;
border-right:1px solid white;
}
</style>
<script type="text/javascript">
var flag==false;
function fade()
{
var color=new Array[];
color[0]="#0000ff";
color[1]="#000080";
color[2]="#ffff00";
color[3]="#808000";
color[4]="#00ff00";
color[5]="#008000";
color[6]="#ff00ff";
color[7]="#800080";
color[8]="#ff0000";*/
for(i=0;i<=8;i++)
{
var t=setTimeout("colorchange(color)",500);
if(flag==false)
{
break;
}
}
}
function colorchange(color)
{
document.getElementById('menu1').style.backgroundColor="#"+color;
return flag==true
}
</script>
</head>
<body>
<ul>
<li id="menu1" style="background-color:#0000CC;"><a href="#" onMouseOver="fade();" >Link one</a></li>
<li style="background-color:#0000CC; display:inline;"><a href="#">Link two</a></li>
<li style="background-color:#0000CC; display:inline;"><a href="#">Link three</a></li>
<li style="background-color:#0000CC; display:inline;"><a href="#">Link four</a></li>
</ul>
</body>
</html>
...if u found then post me script on kabir_8404@yahoo.com
<html>
<head>
<style type="text/css">
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:#0000CC;
padding:0.2em 0.6em;
border-right:1px solid white;
}
</style>
<script type="text/javascript">
var flag==false;
function fade()
{
var color=new Array[];
color[0]="#0000ff";
color[1]="#000080";
color[2]="#ffff00";
color[3]="#808000";
color[4]="#00ff00";
color[5]="#008000";
color[6]="#ff00ff";
color[7]="#800080";
color[8]="#ff0000";*/
for(i=0;i<=8;i++)
{
var t=setTimeout("colorchange(color)",500);
if(flag==false)
{
break;
}
}
}
function colorchange(color)
{
document.getElementById('menu1').style.backgroundColor="#"+color;
return flag==true
}
</script>
</head>
<body>
<ul>
<li id="menu1" style="background-color:#0000CC;"><a href="#" onMouseOver="fade();" >Link one</a></li>
<li style="background-color:#0000CC; display:inline;"><a href="#">Link two</a></li>
<li style="background-color:#0000CC; display:inline;"><a href="#">Link three</a></li>
<li style="background-color:#0000CC; display:inline;"><a href="#">Link four</a></li>
</ul>
</body>
</html>
...if u found then post me script on kabir_8404@yahoo.com