导航界面

Leave a comment

其实wordpress有一个导航栏来着。。。就是杵在最上面那一行。但是我嫌弃它功能不够,于是另做了一个

那么问题来了,我明明可以换个模板

哦不,还有什么模板可以拥有如此大的版头让我放图?坚决不换!

新捣鼓了一个专门的导航界面,可是在如何“点击左面菜单,跳转至右边框架内显示内容”上费了一番功夫

在查找了div,css,js,ajax等诸多方法后,我最终决定,还是用iframe省事得了

事实证明,即便你没上过什么java课,只要掌握基本搜索能力,没有什么是办不到的!

放一下我辛苦搜寻的代码,全部在html页面修改即可

首先在</head>前面添加这一段

  1. <script type="text/javascript">   
  2. function showConent(url) {   
  3.     var p = document.getElementById("right_content");   
  4.     p.src=url;   
  5. }   
  6. </script> 

左侧菜单栏,链接url地址更改为

  1. <a href="javascript:void(0);" onmousedown="showConent('url')"></a> 

右侧显示内容区,更改如下

  1. <div class="body_right"> 
  2. <iframe src=""  id="right_content" scrolling="yes"  style="width:100%;height:100%"></iframe>  
  3.    </div> 

大功告成!

好了,我继续捣鼓去了

发表评论

电子邮件地址不会被公开。 必填项已用*标注