今天突然遇到一个问题,我也发现这个功能在做网站应该很常用,自己动手发现做不出来。
我的设想是这样的:
在一个页面内,建立2个框架,水平的,上面的框架作为导航栏,下面的作为文章显示。
文章里用“a”标签设置很多锚点,导航上的连接href对象就是这些锚点的name或者ID。
这个怎么实现呢?
如果导航和文章在同一个页面:
文章使用<a name="xxx"></a>设置锚点
导航点击href引用这个锚点name属性值:<a href="#xxx">点击的项目</a>
或
<a href="javascript:click('xxx')>点击的项目</a>
function click(xxx){
window.location.href = "#"+xxx;
}
如果导航和文章不在同一个界面
文章使用<a name="xxx"></a>设置锚点
导航点击href引用这个锚点name属性值:<a href="javascript:click('xxx')">点击的项目</a>
假如是文章用的iframe加载
function click(xxx){
var iframeUrl = "";
$("#iframeif").arrt("src",iframeUrl+"#"+xxx);
}
用超链接就可以处理了
< a href="url?#id" >
你的意思是导航栏不变,更新文章栏?
感觉你说的这种效果类似一篇文章的目录和正文,对吗?为什么要用两个iframe来实现?能用普通页面可以完成的东西不推荐用iframe标签。
http://blog.csdn.net/mango_love/article/details/78935811
看看这篇文章吧,里面有很多方法,通过主框架慢慢定位到你要定位的锚
参考http://blog.csdn.net/qiphon3650/article/details/78674759 还是挺简单的。。
设置两个iframe,通过src和href属性来设置跳转得页面。
你说的锚点链接吗,用标签就可以实现了,用两个div一个放导航栏,一个放文章的内容,导航栏里写一个链接第一部分
然后在内容div中定义name, 我是第一部分,不知道能不能用你可以试一试,如果用框架局部刷新,不建议用iFrame,已经很过时了,ajax是更好的选择
framset分割出两个frame,一个装导航,一个装设置了锚点的文章。
截图只是个样式,功能还没实现
可以用javascript