第一個項目初步完成以後的小結

1.設置一個div的高度用的是$("#id").css("height","200"),而不是$("#id").attr("height","200"); 2.dedeCMS中分頁的頁面的默認樣式在/templets/default/style/page.css文件的第77行到112行（從.dede_pages開始到.dede_pages .pageinfo strong結束）; 3.關於使用dedeCMS建站時導航功能的實現（以及和二級導航欄目）：   {dede:channelartlist typeid='1,3,9,14,15,16,20' }      <li  class='liUnclick'>        <a href="{dede:field name='typeurl'/}" >{dede:field name='typename'/}</a><!---->           <ul class="xiala_menu" >           {dede:channel type='son' noself='yes'  }                 <li><a href='[field:typelink/]'>[field:typename/]</a></li> <!---->           {/dede:channel}          </ul>      </li>  {/dede:channelartlist} 4.關於給被點擊的導航欄目添加樣式（「首頁」欄目的樣式不同，其它欄目的都同樣）   舊思路：每點擊一個導航區域，就給這個點擊的區域添加上被點擊的樣式，其它的同級就去掉這個樣式，代碼： <script type="text/javascript"> $(function(){           //點擊以後以後添加新的樣式，同級去掉點擊後添加的樣式         $("#nav>li").click(function(e){           //e.preventDefault();           var index=$("#nav>li").index($(this));            if(index==0){                $(this).addClass("menu_home2");                $("#nav>li:eq(0)").removeClass("liClicked");            }else{               $(this).addClass("liClicked").siblings("li").removeClass("liClicked");               $("#nav>li:eq(0)").removeClass("menu_home2");           }         });         }) </script> 結果：若是點擊的超練級跳轉了，那麼被點擊添加的演示就添加無效，由於超連接跳轉了；若是阻止超連接的跳轉（添加：e.preventDefault()），那麼樣式能夠實現，可是超連接將不能跳轉，致使不能讀取相應頁面的數據；——最終結果:失敗；  新思路：將當前地址欄中的地址和超連接中的地址進行對比，若是匹配，就加上被點擊的樣式，代碼： <script type="text/javascript"> $(function(){           //點擊以後以後添加新的樣式，同級去掉點擊後添加的樣式 var locationStr=window.location.href.substring(22); $("#nav>li:gt(0)").each(function(){   var href=$(this).children("a").attr("href");   if(locationStr==href){      $(this).addClass("liClicked");      $("#nav>li:eq(0)").removeClass("menu_home2");   } }); }) </script>   結果：代碼量大大減小，成功實現效果。 4.關於jQuery沒有執行的緣由：   a.沒有引入jQuery庫文件；   b.jQuery寫的有錯誤；   c.元素還沒有加載徹底——解決方案（$(document).ready()事件）：將jQuery代碼寫在如下代碼中：     $(document).ready(function(){ //該函數內的全部代碼都將在DOM加載完成後，頁面所有內容（圖片等）加載完前執行；能夠屢次調用；也能夠將多段獨立代碼合併到一箇中。          //腳本     });     以上代碼的簡寫形式：     $(function(){         //腳本         })；    相關知識點：window.onload事件    window.onload()=function(){ //必須等到頁面全部的（所有的）元素都加載完成之後纔會執行，不能屢次調用，後面的會覆蓋前面的。        //腳本    };         5.網頁加載很忙慢的緣由：Google的統計代碼加載很慢，常常在瀏覽器狀態欄裏看到Google的統計代碼連接在運行，而就在這個過程，致使網頁被卡住了。 6.html圖片熱點map標籤的使用：    (1).用法：<map><area /></map>        a.<area/>用來定義圖像映射區域（映射區域：指帶有超連接或者是相關事件的區域）；        b.<area/>老是在<map></map>中間；          （2).定義區域點的座標：       a.矩形：必須使用四個數字，前兩個位左上角座標，後兩個位右下角座標：         <area shape="rect" coords="0,0,70,20" href="1.html" />       b.圓形：必須使用三個數字，前兩個爲圓心座標，後一個味半徑長度：         <area shape="circle" coords="10,30,,15" href="2.html" />       c.任意多邊形：將圖形每一次轉折點座標依次輸入：         <area shape="ploy" coords="232,70,285,70,300,90,250,90,200,78" href="3.html" />        (3).事件和屬性：       a.標準屬性         id, class, title, style, dir, lang, xml:lang, tabindex, accesskey       b.事件屬性         onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblur     (4).注意：       a.HTML和XHTML中的差別：         在HTML中，<area>沒有結束標籤；         在XHTML中，<area>必須正確關閉；       b.<img>中的usemap屬性可引用<map>中的id或者name屬性（由瀏覽器決定），因此咱們須要同時向<map>添加id和name屬性，而且二者屬性值相同； 、