熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> Javascript >> 正文

透明漸變彈出菜單的制作

2013-11-23 17:55:36  來源: Javascript 
非常漂亮的一個菜單腳本代碼也不復雜用透明漸變來實現漸變的速度可調

制作方法
在頁面<head>~</head>中加入代碼
<SCRIPT language=javascript>
var intDelay=; //設置菜單顯示速度越大越慢
var intInterval=;
function MenuClick()
{
if (LayerMenustyledisplay==)
{
GradientClose();
}
else{
LayerMenufiltersalphaopacity=;
LayerMenustyledisplay=;
GradientShow();
}
}

function GradientShow()
{
LayerMenufiltersalphaopacity+=intInterval;
if (LayerMenufiltersalphaopacity<) setTimeout(GradientShow()intDelay);
}

function GradientClose()
{
LayerMenufiltersalphaopacity=intInterval;
if (LayerMenufiltersalphaopacity>) {
setTimeout(GradientClose()intDelay);
}
else {
LayerMenustyledisplay=none;
}
}
</SCRIPT>
代碼中var intDelay=;為菜單漸隱速度數值越大越慢
插入圖層並設置Diy屬性代碼
<DIV id=LayerMenu >
在超鏈接處添加代碼:
<A # onclick=MenuClick()>點擊</A>
透明漸變彈出菜單的特效就制作完成了!
From:http://tw.wingwit.com/Article/program/Java/Javascript/201311/25366.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.