欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 教程文档 > HTML > 4.5 使菜单具备相应的功能

4.5 使菜单具备相应的功能

2018-05-06 596 收藏 0 赞一个 0 真差劲 0 去评论

下面要做的是给每个菜单条设定一个行为。你可以设定任何一种行为,不一定非得是动态HTML。但由于本教程讲的是动态HTML,而我们的课题是将如何改变layers的visibility(可视性)属性。所以我们为每一个菜单项目设定隐藏和显示包含相应的网猴图象的层(layer)。

<script>  
function menuItem(item){  
if (document.layers) {  
daLast = document.layers[lastItem];  
daItem = document.layers[item];  
} elseif (document.all) {  
daLast = document.all(lastItem).style;  
daItem = document.all(item).style;  
}  
daLast.visibility = hidden;  
daItem.visibility = visible;  
lastMenu.visibility = hidden;  
lastItem = item;  
}  
var lastItem = 'aaron';  
</script>

这段脚本仍然用我们的老朋友--条件语句调用两个对象,现调用item,然后是最后被打开的lastitem(lastItem的缺省设置是'aaron' ),并且该语句还要记忆被打开的最后一个菜单(我们在barTog中设置的lastMenu)。设置完所有visibility后还记忆lastItem。

下面需要给每个菜单项目加上相应的anchor调用。

<ahref="#"class="itemAnchor"onclick="menuItem('captCursor'); return false">

这条代码调用menuItem函数,并指示其显示ID为"captCursor"的DIV。现在将anchor锚定每个菜单项目并将每个DIV指向相应的网猴的名称。现在当你从菜单中选择相应的菜单时就会显示相应的图片。

现在你可以制作你自己的菜单并在其中加入自己的菜单项目,隐藏及显示DIV,并在DIV中加入表单元素。明天的课程中我们将结合前面所学的知识作一个完整的展示。

返回主目录
暂无界面图片

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论