</
script
>
<
script
type
=
"
text/javascript
"
>
$
(
function
(
)
{
var
offset
=
0
;
var
timer
function
autoplay
(
)
{
timer
=
setInterval
(
function
(
)
{
offset
-=
10
;
if
(
offset
<
-
1000
)
{
offset
=
0
;
$
(
'ul'
)
.
css
(
'marginLeft'
,
offset
)
;
}
,
50
)
autoplay
(
)
;
$
(
'li'
)
.
hover
(
function
(
)
{
clearInterval
(
timer
)
;
$
(
this
)
.
siblings
(
)
.
fadeTo
(
100
,
0.5
)
;
$
(
this
)
.
fadeTo
(
100
,
1
)
;
}
,
function
(
)
{
autoplay
(
)
;
$
(
'li'
)
.
fadeTo
(
100
,
1
)
;
</
script
>
</
body
>
</
html
>
本文实例讲述了
jQuery
实现
无限往下
滚动
效果的方法。分享给大家供大家参考，具体如下：
这是仿照腾讯的微薄上的一个效果。
滚动
条可以无限的网下
滚动
并且无刷不断从数据库中获取新的数据。
<style type=text/
css
>
body{ font-family: Trebuchet MS,verdana,arial;}
#loading{ ; font-weight:bold;color:#FF0000;}
p { padding:10px;}
</style>
<p id=loading>loading data... </p>
$(function()
用
jQuery
简单
实现
了数据
循环
滚动
效果，鼠标移上去
滚动
停止，鼠标移开继续
滚动
。如果承装数据的父盒子的高度大于数据的高度，则不
滚动
显示。效果图如下。
css
如下：
<style>
.bigbox {
border: 1px solid #E9F2FA;
width: 500px;
background-color: #10112...
有人说原生
js
写的有兼容问题，我在网上查了查，此类型的代码有很多（高手还是很多的），但是写的太复杂，最近正好在看《锋利的
jquery
》，书中有这样的例子，书中的例子是新闻标题向上无缝
滚动
，我发现稍微一改就能向左，向右，向下
滚动
，而且可以很轻松的把文字换成图片，在此向作者表示感谢。
先上代码，本代码
实现
了图片向左无缝
滚动
，里边有注释讲如何
实现
向上
滚动
，需要阅读者有一点点
css
和
jquery
探索
jQuery
-Endless-Scroll：无尽
滚动
的优雅
实现
去发现同类优质开源项目:https://gitcode.com/
是一个轻量级、易于使用的 JavaScript 插件，它将无限
滚动
（也称为自动加载或懒加载）功能引入到你的网站中，特别是适用于内容丰富的网页，如博客、社交媒体和电子商务平台。通过添加此插件，你可以提供一种流畅且节省资源的方式来浏览大量数据，无需用户手动翻页。
技术...
