DIV CSS 佈局教程網

 
. 代碼如下:
<section>
<article class="left">
<p>
</p>
<ul>
<li><a href="http://freejs.net/article_jquerywenzi_149.html" title="Ajax 動態加載內容">Ajax 動態加載內容</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_148.html" title="jquery 彈出層 彈窗">jquery 彈出層 彈窗</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_147.html" title="php文件管理，可以點擊按照時間，大小，名稱排序">php文件管理，可以點擊按照時間，大小，名稱排序</a></li>
<li><a href="http://freejs.net/article_daohangcaidan_146.html" title="jQuery 二級菜單，一次顯示一個小類 鼠標點擊顯示小類">jQuery 二級菜單，一次顯示一個小類 鼠標點擊...</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_145.html" title="jQuery 滑動改變價格">jQuery 滑動改變價格</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_144.html" title="jQuery 垂直滑動新聞展示">jQuery 垂直滑動新聞展示</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_143.html" title="投票喜歡/不喜歡 ajax無刷新">投票喜歡/不喜歡 ajax無刷新</a></li>
<li><a href="http://freejs.net/article_biaodan_142.html" title="login and signup 注冊和登錄tab頁面">login and signup 注冊和登錄tab...</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_141.html" title="tooltip插件">tooltip插件</a></li>
<li><a href="http://freejs.net/article_biaodan_140.html" title="Jquery 驗證注冊">Jquery 驗證注冊</a></li>
</ul>
<ul>
<li><a href="http://freejs.net/article_fenye_19.html" title="jquery 無刷新翻頁">jquery 無刷新翻頁</a></li>
<li><a href="http://freejs.net/article_biaodan_34.html" title="jquery表格可編輯修改表格裡面的值,點擊td變input無刷新更新表格">jquery表格可編輯修改表格裡面的值,點擊td變...</a></li>
<li><a href="http://freejs.net/article_tabbiaoqian_29.html" title="jquery實現簡單的Tab切換菜單">jquery實現簡單的Tab切換菜單</a></li>
<li><a href="http://freejs.net/article_fenye_26.html" title="jQuery+Ajax+PHP+Mysql實現分頁顯示數據">jQuery+Ajax+PHP+Mysql實現分頁...</a></li>
<li><a href="http://freejs.net/article_daohangcaidan_67.html" title="類似京東和易迅的菜單-可以折疊隱藏的導航菜單">類似京東和易迅的菜單-可以折疊隱藏的導航菜單</a></li>
<li><a href="http://freejs.net/article_fenye_11.html" title="jquery 翻頁分頁">jquery 翻頁分頁</a></li>
<li><a href="http://freejs.net/article_biaodan_76.html" title="Jquery 漂亮的select效果">Jquery 漂亮的select效果</a></li>
<li><a href="http://freejs.net/article_daohangcaidan_13.html" title="jquery css多級下拉菜單">jquery css多級下拉菜單</a></li>
<li><a href="http://freejs.net/article_jquerytupiantexiao_1.html" title="highslide使用實例,點擊圖片放大效果，再次點擊縮小">highslide使用實例,點擊圖片放大效果，再次...</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_52.html" title="無刷新動態加載數據，滾動條加載">無刷新動態加載數據，滾動條加載</a></li>
</ul>
<p><Br><Br></p>
</article>
</section>

<script src="jquery.headshrinker.js"></script>
<script>
jQuery(document).ready(function () {
jQuery('header').headshrinker({ fontSize: "17px", mobileMenu: true });
});
</script>