中国教程网论坛's Archiver

kelecat99 发表于 2009-11-19 13:39

求助:锚点链接如何链接到指定页面后只显示该锚点的内容?

如题,我设置一个很长的文档,里面不同的段落设置了不同的锚点,当在上层页面点击链接后链接到该页指定位置,问题是,如何只显示该链接,链接的内容,其他的内容不显示???谁来指教指教!

成杰龙 发表于 2009-11-19 13:42

只显示这个内容,不显示整个文档  可以吗?不知道  我也学学

kelecat99 发表于 2009-11-19 14:02

是啊

kelecat99 发表于 2009-11-22 09:22

还是没有人回复啊?

milypan 发表于 2009-11-25 15:47

好像没学过这样的设置呵。
建议:将那个较长的文档按需要分成多个文档,再每个文档建立链接或锚链接吧!

kelecat99 发表于 2009-11-26 13:50

能具体点吗?你说的文档是WORD文档还是HTML文档啊?可以点击链接就连接指定文档,网络框架不变吗?

寅生 发表于 2009-11-29 08:51

按照你的说法这个就不是锚点,而是一种类似于标签(tab)的效果。简单写一个,你看是不是这个样的[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>标签</title>
<style>
.tab{ line-height:3em; border-bottom:1px #000 solid;}
.tab span{ cursor:pointer; margin-right:20px;}
.content{ padding:10px; font:bold 18px Verdana, Arial, Helvetica, sans-serif;}
</style>
</head>

<body>
<div class="tab"><span onclick="tab(1)">标签1</span><span onclick="tab(2)">标签2</span><span onclick="tab(3)">标签3</span></div>
<div id="c1" class="content">111111111111111</div>
<div id="c2" class="content" style="display:none;">222222222222222</div>
<div id="c3" class="content" style="display:none;">333333333333333</div>
<script>
function $(id){
        return document.getElementById(id);
}
function tab(num){
        for(i=1;i<=3;i++){
                $("c"+i).style.display = "none";
        }
        $("c"+num).style.display = "block";
}
</script>
</body>
</html>
[/code]

kelecat99 发表于 2009-11-29 11:45

能加入表格吗?我试了不行啊??

kelecat99 发表于 2009-12-1 10:13

好用了 ,谢谢啊! 还有一个问题,里面的线怎么控制长短

寅生 发表于 2009-12-3 08:32

你直接用一个div给他们包起来,然后设置外层div的宽度就可以了

kelecat99 发表于 2009-12-11 16:50

首先感谢版主,
你那段代码我已经用上了,只是现在那条黑线有点偏右,我用层定位的话,在不同的分辨率下,它不就错位了吗?

页: [1]

Powered by Discuz! Archiver 7.0.0  © 2001-2009 Comsenz Inc.