黑子的BLOG

原理: 在页面动态植入一个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>