這種特效對提高網(wǎng)站瀏覽量、文章點(diǎn)擊率、廣告點(diǎn)擊量都有一定效果。

 

效果演示：

 

 

具體實(shí)例，請參見網(wǎng)絡(luò)文摘欄目隨機(jī)文章，未來主博客不一定會(huì)用。

 

代碼如下：

CSS部分：

/*側(cè)欄跟隨*/

#box{float:left; position:relative;width:250px;}.div1{width:250px;}.div2{position:fixed;_position:absolute;top:0;z-index:250;}

 

 

注：每個(gè)網(wǎng)站的側(cè)欄寬度不同，可根據(jù)你網(wǎng)頁的寬度調(diào)整div1的寬度，我的是width:250px;，把這段代碼添加到你的CSS文件中即可。

 

JS部分：

 

 

 

//側(cè)欄跟隨

 

(function(){

 

    var oDiv=document.getElementById("float");

    var H=0,iE6;

    var Y=oDiv;

    while(Y){H+=Y.offsetTop;Y=Y.offsetParent};

    iE6=window.ActiveXObject&&!window.XMLHttpRequest;

    if(!iE6){

        window.onscroll=function()

        {

            var s=document.body.scrollTop||document.documentElement.scrollTop;

            if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}

            else{oDiv.className="div1";}    

        };

    }

 

})();

 

 

 

 

注：這段代碼可放入任意JS文件中，比如我放在了util.js 文件里，。 zblog《低調(diào)與華麗》模板的用戶可直接下載該JS文件替換。

 

下載地址：http://lusongsong.com/themes/LuSongSong/script/util.js

 

網(wǎng)頁代碼部分：

 

 

 

<div id="box">

 

<div id="float" class="div1"> 

 

這里寫你網(wǎng)站的代碼與標(biāo)簽。

注：這里可以放文章列表、聯(lián)盟廣告，總之是個(gè)提高點(diǎn)擊率的好方法。Z-blog用戶把此段代碼添加到single.html的側(cè)欄位置即可。

 

特別提示：此代碼試用與任何CMS系統(tǒng)，但該特效在IE6下無法實(shí)現(xiàn)，其余瀏覽器均沒問題，同時(shí)側(cè)欄其余部分應(yīng)使用靜態(tài)文件調(diào)用，使用JS調(diào)用欄目會(huì)出現(xiàn)代碼重疊現(xiàn)象，調(diào)用聯(lián)盟廣告沒問題。