jQuery类似微博信息更新鼠标滚动页面无限加载更多内容



216 860 287



特效描述:jQuery 信息更新 鼠标滚动 页面无限加载 更多内容,类似微博的信息功能,下拉滚动条刷新内容。。

代码结构

1. 引入CSS

<link href="style.css" rel="stylesheet" media="screen" />

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scrollpagination.js"></script>

3. HTML代码

<div id="scrollpaginationdemo">
	<ul id="content">
		<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc elementum elementum felis. Quisque porta turpis nec eros consectetur lacinia. Pellentesque sagittis adipiscing egestas. </p></li>
		<li><p>Aliquam dapibus tincidunt odio. Phasellus volutpat dui nec ante volutpat euismod. </p></li>
		<li><p>Phasellus vehicula turpis nec dui facilisis eget condimentum risus ullamcorper. Nunc imperdiet, tortor ultrices aliquam eleifend, nisl turpis venenatis dui, at vestibulum magna tellus in tortor. </p></li>
		<li><p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris tincidunt nisi in tortor tincidunt ut ullamcorper lectus dapibus.  </p></li>
		<li><p>Aenean interdum dui vitae purus molestie nec placerat nibh semper. Maecenas ultrices elementum dapibus. Aenean feugiat, metus in mattis mattis, justo nisi dignissim libero, ac volutpat dui nibh quis metus.</p></li>
		<li><p> Morbi eget tristique dui. Vivamus nec turpis eu nisi euismod accumsan sed in tortor. Maecenas laoreet leo ut tortor viverra facilisis.</p></li>
	</ul>
    <div class="loading" id="loading">稍等……这是加载!</div>
    <div class="loading" id="nomoreresults">对不起,没有更多的分页演示结果。</div>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册
admin
关注
TA的相关作品 >>更多
热搜关键词


热门标签: 滚动导航菜单 图片延迟加载 文字标签 滚动切换 加载动画 彩色文字 文字延迟加载 图片滚动 文字闪烁 文字滚动 打字机 文字列表 图片文字滚动 全屏滚动 文字弹幕 页面滚动 文字高亮 文字叠加 滚动流动 文字拖动 文字提示框 文字收缩展开 文字放大缩小 文字翻转旋转 文字淡出淡进 文字全屏 文字延迟加载 360全景 html5文字动画 文字滚动 文字滑动 文字切换 自动滚动图片轮播 图片文字 文字导航菜单 延长延迟加载 文字

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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