文字/图片向上无限循环滚动

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文字/图片向上无限循环滚动</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js" language="javascript"></script>
</head>
<body>
<div id="demo" style="overflow:hidden;height:139px;color:#333"><div id="demo1"><table border="1" cellpadding="0" ><tr><td>1普通户型</td><td>7-10万元</td><td>144.2m²</td><td>全包</td><td>2016-11-25</td></tr><tr><td>2普通户型</td><td>7-10万元</td><td>144.2m²</td><td>全包</td><td>2016-11-25</td></tr><tr><td>3普通户型</td><td>7-10万元</td><td>144.2m²</td><td>全包</td><td>2016-11-25</td></tr><tr><td>4普通户型</td><td>7-10万元</td><td>144.2m²</td><td>全包</td><td>2016-11-25</td></tr><tr><td>5普通户型</td><td>7-10万元</td><td>144.2m²</td><td>全包</td><td>2016-11-25</td></tr><tr><td>6普通户型</td><td>7-10万元</td><td>144.2m²</td><td>全包</td><td>2016-11-25</td></tr></table></div><div id="demo2"></div>
</div><script>var speed=50demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo2.offsetHeight-demo.scrollTop<=0)demo.scrollTop-=demo1.offsetHeightelse{demo.scrollTop++}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)}demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</script>
</body>

文字/图片向上无限循环滚动相关推荐

unity实现图片轮播效果_unity 背景无限循环滚动效果
背景无限循环滚动效果如下示: 步骤如下: 导入背景图片后,设置图片的格式,如下图: 2.图片格式也可以设置是Texture格式,但是Wrap Mode 一定要是Repeat[重复发生]:然后记得App ...
JQuery图片无限循环滚动源码
平常项目中经常用到图片循环滚动,所以就写些必要的CSS定位,JS基本算法,最后就封装成JQuery图片无限循环滚动插件类,其实本质上是li块无限循环滚动,li块里面不管是图片还是其它内容,都OK的. ...
[jQuery基础] jQuery动效案例(二) -- 图标特效、无限循环滚动(简易轮播图)
图标特效实现效果展示实现步骤第一步(实现静态效果) CSS部分 *{margin: 0;padding: 0; } ul{list-style: none;width: 400px;height ...
ios之实现自动无限循环滚动视图(1)
ios之实现自动无限循环滚动视图(1) 前言效果展示功能分析全部代码前言 ios实现无限循环滚动主要有两种办法,都利用了UIScrollView,第一种是创建一个很大的UIScrollVie ...
如何用Java实现图片的无缝连接循环滚动
文章目录一.前言二.实现思路三.实现方法四.实现效果五.参考代码六.图片要求七.总结一.前言刚好这周是学校的软件实训周,要做一个类似飞机大战的游戏,可是要实现更好效果的飞机大战游戏, ...
Unity的ScrollView无限循环滚动
前言此篇文章当作知识学习即可,需要使用循环复用的小伙伴可以尝试博主近期开发的ScrollCircleMaker v1.0,此插件功能比较完整,使用方便,如果遇到问题可以联系我进行修改. 当Scrol ...
Unity3d学习笔记-无限循环滚动背景（完整的商店广告牌组件）
在游戏项目中我们常常看到商城的广告牌,几张广告图片循环滚动,类似跑马灯,现在我将讨论一种实现方法,并提供一个管理类,大家可以直接使用. 实现原理:背景图片循环滚动的原理很简单:两张图片向一个方向移动, ...
HTML图片重叠变换,CSS实现图片无缝无限循环展示效果
只是想练练手,看看能不能实现在页面上放置一个能无限循环滚动的图片横幅.事实证明,这并不是很难. 先看实际效果: 无限循环滚动的关键是确定宽图片的位置首先,这个图片的设计需要有一点技巧,就是它的首位部 ...
【Android】ViewPager实现无限循环滚动
最近做的一个项目,客户要求在ViewPager实现的主页面中滑动到最后一页后继续滑动能返回到第一页,也就是实现无限循环滚动,效果如下: 看了下ViewPager没有滑到尽头的回调方法,因此想到的解决方 ...

文字/图片向上无限循环滚动

文字/图片向上无限循环滚动相关推荐

最新文章

热门文章