原理: 在页面动态植入一个DIV,然后用javascript将博客文章分类当航数据提取出来,并重新排序,设置导航的样式,具体效果看本BLOG的导航效果.原理可以用在一些其他的应用上
文章分类数据的提取是JS利用H3和UL的在页面的标签位置获得,不同BLOGGER可能加的东西不一样,位置也不一样,需要找到相应的位置,,既代码中的数字[3],[1]
CSS代码,定义这个导航DIV的样式,,导航的放置位置,,也可调节相应的数值来控制:css代码:#topMenu{position:absolute;top:25px;}#topMenu ul{margin:0px;}javascript代码:<script>var MenuUl=document.getElementById("menu").getElementsByTagName("ul")MenuUl[3].style.display="none"var MenuH3=document.getElementById("menu").getElementsByTagName("h3")MenuH3[1].style.display="none"var MenuBar=document.createElement("div") MenuBar.setAttribute("id", "topMenu")document.getElementsByTagName("div")[0].appendChild(MenuBar)var MenuBarObj=document.getElementById("topMenu")MenuBarObj.innerHTML="<ul style='list-type-style:none;'>"for(i=0;i<MenuUl[3].getElementsByTagName("li").length;i++){MenuBarObj.innerHTML+="<li style='display:inline;float:left;width:80px;background:#ff0;text-align:center;margin-right:4px'>"+MenuUl[3].getElementsByTagName("li")[i].innerHTML+"</li>"}MenuBarObj.innerHTML+="</ul>"</script>

Trackback: http://tb.donews.net/TrackBack.aspx?PostId=685515