知識 分享 互助 懶人建站

    懶人建站專注于網頁素材下載,提供網站模板、網頁設計、ps素材、圖片素材等,服務于【個人站長】【網頁設計師】和【web開發從業者】的代碼素材與設計素材網站。

    懶人建站提供網頁素材下載、網站模板
    知識 分享 互助!

    隨屏滾動JS特效代碼(相對于指定層不是相對于屏

    作者:佳明媽 來源:jquery 特效 2011-05-17 人氣:
    這個隨屏滾動JS特效代碼是相對于指定層不是相對于屏幕,她的邊界始終是相對于相對定位層的,附帶“返回頂部”動態效果js代碼。

    我們在網站建設的時候,經常會用到隨屏滾動代碼,比如可以把QQ客服進行隨屏滾動或者是其他的應用,比如是一個相關文章列表。

    隨屏滾動JS特效代碼,這個隨屏滾動是相對于指定層而不是相對于屏幕,就是她的邊界始終是相對于指定的相對定位層的,同時附帶了返回頂部的動態效果。

    這只是個原始的模型,具體怎么應用就看你怎么發揮了。

    這里面可以放任意內容,比如你的QQ客服,或者是一個文章列表,或者是其他任何東西。

    下面的js特效代碼中的 100 是指定浮動層位于相對層的上邊界的。

    <script type="text/javascript">
            qMenu = new QuickMenu(document.getElementById("quick"), 0, 100);
            qMenu.InitializeStaticMenu();
    </script>

    CSS中的

    .main{ width:600px; position:relative; height:2000px; background-color:#F0F0F0}
    #quick{ width:100px; position:absolute; right:10px; padding:10px; border:#cccccc solid 1px;}

    其中main中的 position:relative; 是主要因素,他和下面的 #quick{position:absolute;} 決定了#quick是相對于main定位的。

    懶人建站為你提供,網站建設特效大全。

     

     

    ↓ 查看全文

    隨屏滾動JS特效代碼(相對于指定層不是相對于屏由懶人建站收集整理,您可以自由傳播,請主動帶上本文鏈接

    懶人建站就是免費分享,覺得有用就多來支持一下,沒有能幫到您,懶人也只能表示遺憾,希望有一天能幫到您。

    隨屏滾動JS特效代碼(相對于指定層不是相對于屏-最新評論

    福利彩票排列7走势图