在頭部導(dǎo)航欄的代碼<div class="menu">的上面加上代碼:
<!--導(dǎo)航懸浮-->
<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">
同理也可以在文章內(nèi)容的右側(cè)加上懸浮的內(nèi)容,使比較長的文章右側(cè)不會變得那么多的空白。詳情請參考網(wǎng)站http://www.hljzhjs.cn/
<!--導(dǎo)航懸浮-->
<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">
同理也可以在文章內(nèi)容的右側(cè)加上懸浮的內(nèi)容,使比較長的文章右側(cè)不會變得那么多的空白。詳情請參考網(wǎng)站http://www.hljzhjs.cn/