menu-为何菜单导航栏闪现一下,就没了

问题描述

为何菜单导航栏闪现一下,就没了

我把代码发上来,如下图所示:

 var obj, j,aa;
var totalPage=6;
var frontpage='<a href="../index.html">首页</a>'
var nowPage=0;
onload=function(){obj=document.getElementById("menu").getElementsByTagName("li");
j=obj.length;
changepage.val();

}

       for(var n=0; n<=j; n++){

    function navi(n){
     obj=document.getElementById("menu").getElementsByTagName("li");
       changepage=document.getElementById("changepage")

        changepage.innerHTML=frontpage+">"+"<a>"+obj[n].innerHTML+"</a>"; 

    }

}

我要的效果是,如下图所示


可是,这个“首页>产品效果”只闪了一下就没了,请高手支招,哪里编写错了。

解决方案

onload只加载一次

解决方案二:

把你的代码好好整理一下再拿出来

解决方案三:

好的。我把代码再发一遍:

 var obj, j;

var frontpage='<a href="../index.html">首页</a>'

onload=function(){obj=document.getElementById("menu").getElementsByTagName("li");
j=obj.length;
id=document.getElementById("changepage")
id.innerHTML=frontpage+">"+"<a>"+obj[n].innerHTML+"</a>";
}

       for(var n=0; n<=j; n++){

    function navi(n){

        id.innerHTML=frontpage+">"+"<a>"+obj[n].innerHTML+"</a>"; 

    }

}

HTML部分

<div id="menu">
 <ul>
    <li><a href="../mysite/index.html" onclick="navi(0)">首页</a>
    <li><a href="../mysite/company.html" onclick="navi(1)">公司介绍</a>

    </li>
    <li><a href="../mysite/product.html" onclick="navi(2)">产品介绍</a>

    </li>
    <li><a href="../mysite/member.html" onclick="navi(3)">成为会员</a>

    </li>
    <li><a href="../mysite/joinus.html" onclick="navi(4)">加入我们</a>

    </li>
    <li><a href="../mysite/blog.html" onclick="navi(5)">博客新闻</a>

    </li>
    <div class="clear"></div>
 </ul>
</div>

解决方案四:

不用加循环,共用一个

时间: 2024-09-12 01:25:55

menu-为何菜单导航栏闪现一下,就没了的相关文章

jquery实现垂直和水平菜单导航栏_jquery

本文实例为大家分享了jquery菜单导航栏的实现代码,供大家参考,具体内容如下 1. HTML代码     <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>竖直导航菜单</title> <link href="css/Vmenu.css" rel="stylesheet" /> <scr

网站菜单导航栏设计准则及设计技巧

  网络中每天都有海量的内容被发布,随之而来的问题是如何对这些内容分类,而内容和分类最终将导致导航问题.有时,当导航有太多选项时将会是个令人头疼的问题. 所以,治疗导航栏综合症(cure the navigation-itis syndrome)是非常重要的,使得导航栏对用户友好并容易操作. 本文提供了一些设计导航栏的技巧.帮助你解决导航问题并体统清晰的用户体验,并用真实的例子教你如何治愈导航炎综合症. 但首先,是这些技巧. 设计导航栏的技巧 当我们撰写这篇文章之前,Jon (SpyreStud

css实现会折叠、展开的菜单导航栏效果_导航菜单

+01-10 01 02 03 04 04 05 06 07 08 09 10 +11-20 11 12 13 14 15 16 17 18 19 20 +21-30 21 22 23 24 25 26 27 28 29 30 +31-40 31 32 33 34 35 36 37 38 39 40 +41-50 41 42 43 44 45 46 47 48 49 50 +51-60 51 52 53 54 55 56 57 58 59 60 +61-70 61 62 63 64 65 66

php中如何实现三级导航栏效果

首先看看效果图: 1.数据配置文件 db.php <?php return array( array( 'one' => '关于我们', 'two' => array( array( 'three_tit' => '公司介绍', 'three_cont' => array( '企业概况', '组织架构', '发展历程', '企业文化', '服务理念' ) ), array( 'three_tit' => '企业荣誉', 'three_cont' => array(

用CSS开发时髦的导航栏第二篇_经验交流

解决方案 在一个导航系统中显示子菜单最好的办法是在一个列表中创建子列表.这样标记的两级导航栏很容易被理解 – 哪怕浏览器不支持CSS. 为了产生多级导航栏,我们创建一个嵌套的列表,为这些新的列表项样式化颜色.边界和链接属性: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <ht

WordPress输出Bootstrap导航栏结构的菜单例子

最近tennfy在用Bootstrap重写博客主题,由于之前没有用过Bootstrap,所以也是花了不少功夫来了解Bootstrap.Bootstrap提供了很完整的css样式布局,对于有一定前端基础的人来说真的非常方便. 利用Bootstrap做wordpress主题遇到的第一个问题就是输出Bootstrap导航栏结构的菜单,这样才能够利用Bootstrap提供的样式进行菜单的显示.本文就来介绍下如何实现wordpress输出Bootstrap的菜单结构. Bootstrap导航栏结构 常见的

【前端】导航栏下拉菜单及简单滑动门效果用一句话JS实现

原理:利用隐藏和显示容器的方式来实现.此效果同样适用于导航栏的下拉菜单. 假设有两个div分别为divid1和divid2 第一个div上: onMouseOver="divid1.style.display='block';divid2.style.display='none';'" 第二个div上: onMouseOver="divid2.style.display='block';divid1.style.display='none';'" PS:手动写技术博

JavaScript网站设计实践(二)实现导航栏当前所选页面的菜单项高亮显示

原文:JavaScript网站设计实践(二)实现导航栏当前所选页面的菜单项高亮显示 一.(一)中的代码还可以修改的地方. 在(一)中,如果是运行在服务器下,如apache等,可以把head和navigation的div抽取出来,放置在另一个html文件里,然后在页面中,include进来.这样,当要对导航栏进行修改时,只需要修改一个文件,而不用修改所有相关的页面文件.不过,我这里没有这样做,没有抽取出来. 二.实现当前页面的标识+不同页面的head头部背景图片的改变 现在在(一)实现的基础之上,

使用bootstrap如何制作导航栏自适应后连接变成按钮菜单?

问题描述 使用bootstrap如何制作导航栏自适应后连接变成按钮菜单? 我用bootstrap框架做了一个导航栏,但自适应后很难看,我想浏览器窗口变小后, 导航栏能自适应,连接那些变成汉堡菜单,我应该怎么做?上网找插件?还是bootstrap 自带这种用法? 解决方案 bootstrap本来就能自适应的,你是不是没设置自适应 解决方案二: bootstrap本来就能自适应的,你是不是没设置自适应 它自适应了 只是自动压到下一行,没有变成汉堡菜单. 解决方案三: bootstrap本来就能自适应