2015-02-06 80 views
0

所以我有一个两列和一行的表。左栏有一个超链接列表。我希望右栏在点击时显示这些超链接的内容。超链接在一列中显示第二列中的内容?

最终结果是左栏仍显示所有超链接,而右栏显示相应的内容。我会如何去做这件事?

下面是一些代码:

<body> 
<table width = "70%"> 
<col width = "20%"> 
<tr> 
<td><a href ="my_homepage.html"><big><strong>Home</strong></big></a> 
<br/> 
<a href ="about_myself.html"><big><strong>About myself</strong></big></a> 
<br/> 
<a href ="my_hobby.html"><big><strong>My hobby</strong></big></a> 
<br/> 
<a href ="my_Cv.html"><big><strong>My CV</strong></big></a> 
<br/> 
<a href ="my_links.html"><big><strong>Links</strong></big></a> 
</td> 

<td valign ="top"> </td> 
</tr> 

</table> 
+0

通过内容你的意思是你会看到如果你点击链接(例如什么在my_homepage.html“)? – bobdye 2015-02-07 01:57:04

回答

0

有可能是一个更简单的方法,但我会用Javscript使用淡入切换。

在内容右侧有一个div,一旦超链接被点击就会出现。

$(document).ready(
    function() { 
     $("#div").click(function(e) { 
      e.preventDefault(); 
      $("#link").fadeToggle(1000); 
     }); 

    });