知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、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特效代码(相对于指定层不是相对于屏-最新评论

    • 黄启明 2015-11-05 03:27:01
      下载不了
    • 11 2015-11-05 03:11:01
      下载不了