利用jquery实现右侧跟随悬浮固定窗口特效



30 118 40



特效描述:利用jquery实现 右侧跟随 悬浮固定窗口,利用jquery实现右侧跟随悬浮固定窗口特效

代码结构

1. 引入JS

<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/portamento.js"></script>

2. HTML代码

			<div id="wrapper">
				<div id="content">
				<p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>
                <p>不用理我啦,我是来占位打酱油滴.....</p>				
				</div>
				<div id="sidebar">
					<p>大家好,我是右侧浮动窗口,默认我是很正常的哦。鼠标下拉看看嘛,我会始终定位在浏览器这里的哦</p>
				</div>
			</div>
<script src="js/portamento.js"></script>		
<script>
	$('#sidebar').portamento({disableWorkaround: true}); 
</script>
<div style="text-align:center;clear:both">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 浮动 悬浮 悬浮层 悬浮框 浮动层 浮动框 浮动插件 悬浮插件 弹出层拖动 窗口 弹出 弹窗 弹出层 提示框 对话框 遮罩 遮罩层 弹窗插件 浮动提示框 图片广告 浮动提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到