在頭部導航欄的代碼<div class="menu">的上面加上代碼：
<!--導航懸浮-->
<style type="text/css">
.navontop{position:fixed;top:25px;margin-left:auto;margin-right:auto;width:980px;z-index:999;}</style>
<script type="text/javascript">
jQuery(document).ready(function(){
var navtop=jQuery("#nv").offset().top;
jQuery(window).scroll(function(){
var temp=jQuery(this).scrollTop();
if(temp>navtop)
jQuery("#nv ").addClass("navontop ");
else
jQuery("#nv ").removeClass("navontop ");
});
});</script>
然后在div里面加上一個 id="nv" 如下：
<div id="nv" class="menu">
同理也可以在文章內容的右側加上懸浮的內容，使比較長的文章右側不會變得那么多的空白。詳情請參考網站http://m.hljzhjs.cn/
<!--導航懸浮-->
<style type="text/css">
.navontop{position:fixed;top:25px;margin-left:auto;margin-right:auto;width:980px;z-index:999;}</style>
<script type="text/javascript">
jQuery(document).ready(function(){
var navtop=jQuery("#nv").offset().top;
jQuery(window).scroll(function(){
var temp=jQuery(this).scrollTop();
if(temp>navtop)
jQuery("#nv ").addClass("navontop ");
else
jQuery("#nv ").removeClass("navontop ");
});
});</script>
然后在div里面加上一個 id="nv" 如下：
<div id="nv" class="menu">
同理也可以在文章內容的右側加上懸浮的內容，使比較長的文章右側不會變得那么多的空白。詳情請參考網站http://m.hljzhjs.cn/
粵公網安備 44030402000745號 