张家界网站建设致力于高端网站和营销型网站建设,张家界网站优化,张家界网站设计制作-张家界网络公司第一品牌。Home | About |contact | Payment | 订阅RSS

张家界网站建设,张家界网站优化,张家界网站制作设计

云网科技专业承接：张家界企业网站建设、张家界营销网站建设、张家界SEO搜索引擎优化、网站推广
24小时服务热线:15111153124 贵宾客服QQ：188867734

导航二级菜单实现思路

作者：张家界网站建设浏览：[ 0 ] 日期：2011-09-22 09:08:53 字号：T | T | T

之前是用样式表创建的菜单，也是特别不想用脚本，但终于想通了，用脚本做出来，效果更好。在这个导航中，还是使用css控制菜单，用到脚本的是，鼠标移动到产品中心，背景颜色更改鼠标移出二级菜单层保持"产品中心"的背景颜色 , 鼠标移出二级菜单层，去掉背景颜色这是一个思路，其他控制二级菜单显示均保留使用css控制。

脚本如下：

view sourceprint?

var navlist=j.$('navlist');
 
              //导航栏目
              var parentLinks=j.$(navlist,'a',{className:'p'});
 
              for(var i=0;i<parentLinks.length;i++){
                   parentLinks[i].onmouseover=(function(links){
                       return function(){
                           for(i=0;i<links.length;i++){
                                links[i].className=links[i]==this?'p hover':'p';
                           }
                       };
                   })(parentLinks);
              }
 
              var secondLayers=j.$(navlist,'span');
 
              for(var i=0;i<secondLayers.length;i++){
                   if(secondLayers[i].className.indexOf('second')!=-1){
                       secondLayers[i].onmouseout=(function(){
                           return function(){
                               this.parentNode.getElementsByTagName('a')[0].className='p';
                           };
                       })();
                        secondLayers[i].onmouseover=(function(){
                           return function(){
                               this.parentNode.getElementsByTagName('a')[0].className='p hover';
                           };
                       })();
                   }
              }

更多..相关阅读：上一篇：DedeCMS广告模块修改信息下一篇：将Access转为SQLite数据库

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
云网科技网站建设—是一家专业张家界网站建设,平面设计,动态网站制作设计,动态网站建设为一体的互联网网站建设工作室，拥有多年网页设计和网站建设经验,为各大中小型企业提供网页设计、网站制作、网站优化推广、高品质网站建设、网站运营方案等服务。拥有专业搜索引擎优化和网络营销团队,致力于张家界网站建设,打造张家界网站建设星级品牌。

关闭窗口