发新贴  快速回复

JS的选项卡,如何使用锚点定位?

comingforhelp
2015-06-22 10:06
用JS做的选项卡,有“新闻1”“新闻2”“新闻3”三个选项卡。
另外一个页面上有链接,分别连到“新闻1”“新闻2”“新闻3”。


我用 a name 做的锚点都失效,因为选项卡是JS的。


请问这个锚点定位怎么做?谢谢大家!


JS的选项卡如下:


<html> 
<head> 
<style type="text/css"> 


padding-bottom: 0px; 
margin: 0px; 
padding-left: 0px; 
padding-right: 0px; 
font-size: 12px; 
padding-top: 0px; 

BODY 

padding-left: 20px; 
padding-top: 20px; 

.wid240 

width: 242px; 
margin-bottom: 20px; 

.wid180 

width: 182px; 

.tab 

border-bottom: #000 1px solid; 
border-left: #000 1px solid; 
border-top: #000 1px solid; 
border-right: #000 1px solid; 

.tab UL 

zoom: 1; 
clear: both; 

.tab UL:after 

display: block; 
height: 0px; 
visibility: hidden; 
clear: both; 
content: ""; 

.tab UL LI 

text-align: center; 
line-height: 26px; 
width: 60px; 
display: inline; 
background: #000; 
float: left; 
height: 26px; 
color: #fff; 

.tab UL LI.on 

background: #fff; 
color: #000; 

.tabList 

border-bottom: #000 1px solid; 
border-left: #000 1px solid; 
height: 150px; 
border-top: #000 1px; 
border-right: #000 1px solid; 

.tabList .one 

padding-bottom: 10px; 
padding-left: 10px; 
padding-right: 10px; 
display: none; 
color: #ff0000; 
padding-top: 10px; 

.tabList .block 

display: block; 

</style> 

<script type="text/javascript"> 
function setTab(name,m,n){ 
for( var i=1;i<=n;i++){ 
var menu = document.getElementById(name+i); 
var showDiv = document.getElementById("cont_"+name+"_"+i); 
menu.className = i==m ?"on":""; 
showDiv.style.display = i==m?"block":"none"; 


</script> 

</head> 
<body> 
<div class="wid180"> 
<div class="tab"> 
<ul> 
<li id="tow1" class="on" err=='setTab("tow",1,3)'>新闻1 </li> 
<li id="tow2" onclick='setTab("tow",2,3)'>新闻2 </li> 
<li id="tow3" err=='setTab("tow",3,3)'>新闻3 </li> 
</ul> 
</div> 
<div class="tabList"> 
<div id="cont_tow_1" class="one block"> 
新闻新闻新闻新闻新闻新闻新闻_1</div> 
<div id="cont_tow_2" class="one"> 
新闻新闻新闻新闻新闻新闻新闻_2</div> 
<div id="cont_tow_3" class="one"> 
新闻新闻新闻新闻新闻新闻新闻_3</div> 
</div> 
</div> 
</body> 
</html>


ghostdp
用hash值的方式来做 试试看

2015-06-23 17:24  回复本帖
comingforhelp
forum.php?mod=redirect&goto=findpost&pid=40771&ptid=13813
用hash值的方式来做 试试看

非常感谢回复。
能否说的再详细些呢?

感谢!
2015-06-23 20:21  回复本帖
849800875
当在另一个页面上点击链接时,在链接后边加上对应的hash值,比如miaov.com,可以写成miaov.com#1这样并不会影响链接的跳转,而且可以把这个#1附带过去,然后取下这个值当做一个条件用js去做一些事情。
2015-06-24 16:08  回复本帖
comingforhelp
forum.php?mod=redirect&goto=findpost&pid=40793&ptid=13813
当在另一个页面上点击链接时,在链接后边加上对应的hash值,比如miaov.com,可以写成miaov.com#1这样并不会 ...

我加了这段 <a href="javascript:window.location.hash='网页2.html#新闻3'"></a>,点击后网页显示  “网页2.html#新闻3”字符,并没有转到网页2,以失败了。


麻烦告知下,怎么修改,谢谢!
2015-07-15 09:10  回复本帖
849800875
看下地址是不是错了。不需要写js方法,直接把连接填在href上。
2015-07-16 11:10  回复本帖
comingforhelp
forum.php?mod=redirect&goto=findpost&pid=41211&ptid=13813
看下地址是不是错了。不需要写js方法,直接把连接填在href上。

请移步这个帖子:http://bbs.miaov.com/forum.php?mod=viewthread&tid=13922
普通锚定位无法实现,因为目标链接是JS的选项卡,display:none,无法直接链接过去。
2015-07-16 11:41  回复本帖
849800875
不知道你要怎么去操作,可以通过事件修改浏览器的地址进行跳转。那个帖子简单的看过,我们的回答都是正确的,如果这不是你想要的,那么你应该想一下是不是问的方式出了问题,最简单的发出你的代码,说你要的结果。
2015-07-16 11:56  回复本帖
comingforhelp
forum.php?mod=redirect&goto=findpost&pid=41215&ptid=13813
不知道你要怎么去操作,可以通过事件修改浏览器的地址进行跳转。那个帖子简单的看过,我们的回答都是正确的 ...

非常感谢。
麻烦看下代码。

要求就是从page1的篮球,能够链接到page2的篮球,以此类推其他各个链接。

谢谢。


2015-07-16 12:29  回复本帖
登录 后才可以发表回复