瑞鲁手机APP下载网_专注推荐好用的手机APP和游戏APP

WEB页面实现淡入淡出菜单

WEB页面实现淡入淡出菜单

查看人次:1摘自:瑞鲁手机APP

(本文适合菜级网页制作者或初级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(); } }

LiveMenu V1.0 by [email protected]请查看源代码 请手动设置菜单层或菜单提示层的具体位置 在:处设置

【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】    

相关文摘:ASP技巧 windows
标题名称:《WEB页面实现淡入淡出菜单》
本文网址:https://www.sdruilu.cn/news/tpart-29514.html