製作自己網址導航？

---

&
&
&
&
&
&
&
&導航&
& html, body{height:100%; width:100%; margin:0; padding:0;}
body {line-height:1.5; font-family: 微軟雅黑; background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));}
.nav {border:solid 1px #B8D4B8; margin-bottom:20px; border-radius: 5px; background-color: #fff;}
.nav:hover {box-shadow: 0 5px 30px #999;}
.nav h3 {margin:0; background-color:#836FFF; padding:5px 10px; font-weight:normal; font-size:16px;}
.nav h3 i {font-style:normal; padding-left:10px; color:red;}
.clear {clear:both; height:15px;}
.nav a {float:left; width:150px; margin-top:15px; margin-left:10px; text-align:center; text-decoration: none;}
.nav a:hover {text-decoration: none; color:red;}
.nav a i {font-style:normal; color:#999; font-size:9px; position: relative; top:-10px; left:0px; padding:1px 3px;}
&

&
$(function(){
$(.nav a).each(function(){
var href = $(this).attr(href);
var count = window.localStorage.getItem(href);
count = count || 0;
$(this).append(& + count + &);
$(this).attr(target, _blank);
$(this).click(function(){
var count = parseInt($(this).find(i).html()) + 1;
$(this).find(i).html(count);
window.localStorage.setItem(href, count);
console.log(count);
});
$(this).hover(function(){
$(this).parents(.nav).find(h3 i).html($(this).attr(href));
}, function(){
$(this).parents(.nav).find(h3 i).html();
});
});
});
&
&
&
&

&
&類別一 &&& &網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&

&& &

&
&類別二 &&& &網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&& &

&
&類別三&&& &網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&網址&
&& &

& &
&


保存到本地就行

---

如果你會使用Dreamweaver等類似的網頁製作工具的話，你完全可以製作出自己的網址導航，然後保存到本地，用瀏覽器打開該網頁文件就是你的啦！

如果你不會使用，word總會用吧，用word編輯好網址之後，導出成html文件或pdf文件，就能用主流瀏覽器查看了，網址導航妥妥的。

ps.如果你放入了一些圖片的話，導出為html文件時會生成一個文件夾，那個文件夾不要刪除，刪了圖片就沒有啦。

---

想來題主問的是不會編程的人怎麼可以擁有自己的導航，百度導航的話已經算是傻瓜式的了，還不錯，但是功能不夠人性化

---

雨林木風的114la，不是開源么？你去看看就知道了。

---

推薦閱讀：