|
说明: 酷菜单
效果: 运行后查看！
代码:
<html>
<head>
<title>酷菜单 网教中国教学网</title>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312">
<script language="JavaScript">
var currTimerlinePoint = 0;
var totalTimerlineFrames = 2;
var timerlineTimer;
var leftLine = 50;
var timerIn;
var timerOut;
var timerlineArray = new Array();
timerlineArray[0]='';
timerlineArray[1]='menuItemOut()';
function runTimerline()
{
//if (totalTimerlineFrames > currTimerlinePoint)
// {
// eval( timerlineArray[currTimerlinePoint]);
// currTimerlinePoint ++;
// }
//else {currTimerlinePoint = 0; clearTimeout(window.timerlineTimer);
return false;}
//window.timerlineTimer = setTimeout('runTimerline()',1000);
window.timerlineTimer = setTimeout('menuItemOut()',500);
}
function stopTimerline()
{
clearTimeout(window.timerlineTimer);
//currTimerlinePoint = 0;
}
function menuItemIn()
{
if( leftLine != 150)
{
item11.style.pixelLeft += 20; item11.filters.alpha.opacity
+= 20;
item12.style.pixelLeft -= 20; item12.filters.alpha.opacity
+= 20;
item13.style.pixelLeft += 20; item13.filters.alpha.opacity
+= 20;
item14.style.pixelLeft -= 20; item14.filters.alpha.opacity
+= 20;
item15.style.pixelLeft += 20; item15.filters.alpha.opacity
+= 20;
item16.style.pixelLeft -= 20; item16.filters.alpha.opacity
+= 20;
item17.style.pixelLeft += 20; item17.filters.alpha.opacity
+= 20;
item18.style.pixelLeft -= 20; item18.filters.alpha.opacity
+= 20;
item19.style.pixelLeft += 20; item19.filters.alpha.opacity
+= 20;
item20.style.pixelLeft -= 20; item20.filters.alpha.opacity
+= 20;
leftLine += 20;
}
else
{
clearTimeout(window.timerIn);
return false;
}
timerIn=window.setTimeout('menuItemIn()',1);
}
function menuItemOut()
{
clearTimeout(window.timerIn);
if (leftLine != 50)
{
item11.style.pixelLeft -= 20; item11.filters.alpha.opacity
-= 20;
item12.style.pixelLeft += 20; item12.filters.alpha.opacity
-= 20;
item13.style.pixelLeft -= 20; item13.filters.alpha.opacity
-= 20;
item14.style.pixelLeft += 20; item14.filters.alpha.opacity
-= 20;
item15.style.pixelLeft -= 20; item15.filters.alpha.opacity
-= 20;
item16.style.pixelLeft += 20; item16.filters.alpha.opacity
-= 20;
item17.style.pixelLeft -= 20; item17.filters.alpha.opacity
-= 20;
item18.style.pixelLeft += 20; item18.filters.alpha.opacity
-= 20;
item19.style.pixelLeft -= 20; item19.filters.alpha.opacity
-= 20;
item20.style.pixelLeft += 20; item20.filters.alpha.opacity
-= 20;
leftLine -= 20;
}
else
{
clearTimeout(window.timerOut);
return false;
}
timerOut=window.setTimeout("menuItemOut()",1);
}
| 
