在
網路上看了一些文章想要自動隱藏Blogger navbar的教學相當的多~也有許多的教學語法能完成~但是都只有在火狐瀏覽器才有其功能~
但是我想還是有許多的Blogger用戶是使用IE瀏覽器~
這幾天剛好有發現有位高人完成了這項設定~
於是決定分享給到我Blogger朋友知道~只要兩個語法就能完成!!
/* ---- navBar ---- */
.navbar {
position: fixed; /* 黏在上方 */
width: 100%;
height: 28px;
left: 0px;
z-index: 99; /* 圖層順序設成 99 避免被其他物件蓋住 */
}
.navbar div {
display: none;
}
第一段CSS 加在]]></b:skin>的上方<script type='text/javascript'>
var navBar = document.getElementById('navbar');
if (navBar) {
navBar.onmouseover = function(){
var navBar1 = document.getElementById('Navbar1');
if (navBar1) navBar1.style.display='block';
};
navBar.onmouseout = function(){
var navBar1 = document.getElementById('Navbar1');
if (navBar1) navBar1.style.display='none';
};
}
</script>第二段JavaScript加在<body>的下方完成之後存檔...未來使用IE瀏覽器想要登入時只要滑鼠滑移至上方navbar便自動會出現~
解決又要再開出新的視窗不方便登入的問題 ^^
參考於 : 阿特的學習筆記
2 意見:
謝謝版大的熱心教學!
我也測試成功了
這個方法對IE使用者來說真的蠻不錯的
感謝你的分享!! :)
對於 IE7、IE6 此方法就不夠完善，小弟參考此篇大作，在原本的程式碼加上了 IE8 的 Fix，應該支援所有主流瀏覽器了。有興趣可以參考 http://blog.duoe.org.ru/2009/07/blogspot.html
張貼留言