動態加載內容，無需重新加載

-1

這段代碼有什麼問題？

另外，如何在這些頁面之間進行轉換？

如果我點擊主頁上的服務，我希望創建淡入/淡出效果。

我完全不熟悉jQuery。

這裏是我的代碼

 <!DOCTYPE HTML> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Untitled Document</title> 
    <link rel="stylesheet" href="css/main.css" type="text/css" media="screen"> 
    <!--[if lt IE 9]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
    <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script> 
    <script type="text/javascript"> 
     function updateContainer(url){ 
     dynamicCon = '#content';  
     ObjTag = $(dynamicCon); 
     ObjTag.load(url); 
     } 
     $(document).ready(function() { 
     $('a[rel="dynamicLoad"]').bind("click", function(event) { 
      url = $(this).attr('href'); 
      alert(url); 
      updateContainer(url); 
      event.preventDefault(); 
      event.stopPropagation(); 
     }); 
     }); 
    </script> 
    </head>

這是主體內容：

enter image description here