LiveMenu V1.0 by [email protected]请查看源代码 请手动设置菜单层或菜单提示层的具体位置 在:处设置
【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】WEB页面实现淡入淡出菜单
WEB页面实现淡入淡出菜单(本文适合菜级网页制作者或初级WEB编程者阅读参考) 下面的程序还是简单的测试版。需要编程的整个思路和具体分析步骤的请Email到[email protected]。 淡入淡出菜单演示 //LiveMenu Ver1.0 by [email protected] //2000.11 var intDelay=50; //设置菜单显示速度,越大越慢,不超过100为好 var intInterval=5; //每次更改的透明度,最好小于10 //以下代码需要改的地方可以更改 function MenuClick() { if (LayerMenu.style.display=="") { LayerMenu.style.display="none"; //当菜单显示的时候单击就关闭菜单 } else{ LayerMenu.filters.alpha.opacity=0; LayerMenu.style.display=""; GradientShow(); //淡入 } } function GradientShow() //实现淡入的函数 { LayerMenu.filters.alpha.opacity+=intInterval; if (LayerMenu.filters.alpha.opacity0) { setTimeout("GradientClose()",intDelay); } else { LayerMenu.style.display="none"; //当看不到菜单层后还需要把这个层隐藏起来 } } function ChangeBG() //改变菜单项的背景颜色,这里的两种颜色值可以改为你需要的 { oEl=event.srcElement; if (oEl.style.background!="navy") { oEl.style.background="navy"; } else { oEl.style.background="#147e19"; } } function ItemClick() //在菜单项上单击后打开相应链接 { oEl=event.srcElement; oLink=oEl.all.tags( A" ); if( oLink.length ) { oLink[0].click(); GradientClose(); } }