现在的位置: 首页 > 综合 > 正文

菜单渐渐出现(1)

2014年01月09日 ⁄ 综合 ⁄ 共 884字 ⁄ 字号 评论关闭

<script type="text/javascript"><!--

var timeout = 20; // 显示速度, 数字越大速度越慢
var alphaplus = 10; // 每次执行增加或减少的透明度

// 使用请调用 clickmenu('对象名称');

function clickmenu(objname) {

var obj = document.getElementById(objname);

if(obj.style.display == 'none') {

obj.filters.alpha.opacity = 0;
obj.style.display = '';
changemenu(objname, true);

} else {

changemenu(objname, false);

}

}

function changemenu(objname, show) {

var obj = document.getElementById(objname);

obj.filters.alpha.opacity += (show ? alphaplus : 0-alphaplus);
if(show && obj.filters.alpha.opacity < 100) window.setTimeout('changemenu(/'' + objname + '/', true)', timeout);

if(!show) {

if(obj.filters.alpha.opacity <= 0) {
obj.style.display = 'none';
} else {
window.setTimeout('changemenu(/'' + objname + '/', false)', timeout);
}

}

}

--></script>

<a href="javascript: clickmenu('menudiv');">显示/隐藏菜单</a><br /><br />

<div id="menudiv" style="border: 1px #ffc5ae solid; filter: alpha(opacity=50); position: absolute; display: none;">菜单内容</div> 

抱歉!评论已关闭.