2015-02-06 74 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); 
     }); 

    });