郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

博彩评级专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

博彩评级提供网页素材下载、网站模板
这一切都是免费的!
当前位置:博彩评级 > javascript > 滚动代码 >

随屏滚动JS特效代码(相对于指定层不是相对于屏

来源:jquery 特效 作者: 博彩评级 日期:2011-05-17 人气:
这个随屏滚动JS特效代码是相对于指定层不是相对于屏幕,博彩评级:她的边界始终是相对于相对定位层的,附带“返回顶部”动态效果js代码。

本文地址:http://www.qqydc.com/js/gundong/gundong_pos.html
文章摘要:随屏滚动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特效代码(相对于指定层不是相对于屏http://www.qqydc.com/js/gundong/gundong_pos.html

(责任编辑:博彩评级)

随屏滚动JS特效代码(相对于指定层不是相对于屏由博彩评级收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。