《电子商务网页设计与制作》项目十制作网页交互特效.ppt

项目任务实施—任务三制作动态导航栏 （2）实现动态效果 这时必须建立起一级栏目到二级栏目的连接，这里回忆下前面学习的知识就可以联想到刚学过的JavaScript函数，通过鼠标移动到一级导航栏上面来显示二级导航栏，好了，思想就是这样。现在我们已经为一级导航栏定义了onMouseOver操作，定义的函数名称为doClick(this)。现在定义该函数。具体操作如下： 在根目录下新建js文件夹并在该目录下新建menu.js文件，并在该文件中添加以下代码： function doClick(o){ o.className=nav_current; //当前标签类 var j; var id; var e; for(var i=1;i=10;i++){ id =nav+i; j = document.getElementById(id); e = document.getElementById(sub+i); }else{ //如果二级导航栏目是属于当前鼠标移动到的一级导航栏目下的，那么显示这些二级导航栏目 项目任务实施—任务三制作动态导航栏 e.style.display = block; } } } 同时将该js文件导入到 index.html中。具体操作为在代码模式下的head标签中加入以下代码： s