jquery无间隙滚动、无缝滚动

最新推荐文章于 2021-12-19 13:43:47 发布

lumengabc

最新推荐文章于 2021-12-19 13:43:47 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/webnoties/article/details/17219695

javascript 专栏收录该内容

77 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>JS图片向上滚动</title>

<style type="text/css">

img{

border: none;

}

</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>

</head>

<body>

<div id="demo" style="overflow:hidden;height:300px;">

<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >

<tr id="demo1">

<td valign="top" bgcolor="ffffff">

<table border="0" cellspacing="0" cellpadding="0">

<tr align="center">

<td><a href="#" target="_blank"><img src="01.jpg" width="150" height="100"></a></td>

</tr>

<tr align="center">

<td><a href="#" target="_blank"><img src="02.jpg" width="150" height="100"></a></td>

</tr>

<tr align="center">

<td><a href="#" target="_blank"><img src="03.jpg" width="150" height="100"></a></td>

</tr>

<tr align="center">

<td><a href="#" target="_blank"><img src="04.jpg" width="150" height="100"></a></td>

</tr>

<tr align="center">

<td><a href="#" target="_blank"><img src="05.jpg" width="150" height="100"></a></td>

</tr>

</table>

</td>

</tr>

<tr id="demo2">

</tr>

</table>

</div>

<script type="text/javascript">

var speed=30;

var demo = $("#demo");

var demo1 = $("#demo1");

var demo2 = $("#demo2");

demo2.html(demo1.html());

function Marquee(){

if(demo.scrollTop()>=demo1.height())

demo.scrollTop(0);

else{

demo.scrollTop(demo.scrollTop()+1);

}

}

var MyMar=setInterval(Marquee,speed)

demo.mouseover(function() {

clearInterval(MyMar);

} )

demo.mouseout(function() {

MyMar=setInterval(Marquee,speed);

} )

function fun1(){

alert(demo.scrollTop());

}

function fun2(){

alert(demo1.height());

}

</script>

<input type="button" value="显示demo.scrollTop()" οnclick="fun1();"/>

<input type="button" value="显示demo1.height())" οnclick="fun2();"/>

</body>

</html>

http://www.cnblogs.com/xiachufeng/archive/2010/07/19/1780926.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。