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



70 276 93



特效描述:利用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>



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


热门标签: 顶部悬浮 底部悬浮 浮动导航菜单 右键菜单 图片广告 文字提示框 对联广告 提示框/弹出层 layer 叠加浮动层 lightbox Tooltip工具提示框 浮动提示框 html5弹窗动画 悬浮浮动漂浮 弹出层拖动 窗口提示框 浮动提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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