<html>
<body> <div style="width: 190px; height: 127px; overflow: hidden; font-size: 12px;">
<a class="J_TokenSign" href="http://favorite.taobao.com/popup/add_collection.htm?spm=a1z10.1.0.51.TDVDCm&amp;id=66059960&amp;itemid=66059960&amp;itemtype=0&amp;selle
rid=688629367&amp;scjjc=2&amp;_tb_token_=3eb1b18ea336&amp;scene=taobao_shop" target="_self">
<img height="127" src="http://img02.taobaocdn.com/imgextra/i2/688629367/T26PS0XixbXXXXXXXX_!!688629367.gif" style="margin: 0px; float: none;" width="190" /></a></div>
<div style="width: 179px; height: 251px; overflow: hidden; font-size: 12px;">
<div id=demo style="OVERFLOW: hidden;width: 170px; height: 130px;">
<div id=demo1>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 欢迎光临本店!<br/>
&nbsp; 本店新开张,所有商品都是低价销售,不为利润,只求信誉。本店宗旨: 敢和信!</p>
<p>
&nbsp;&nbsp;有实体店铺,还有更多商品未上架,有其他需要也可联系。<br />
&nbsp; 有任何疑问请与客服联系,将为您提供耐心解答!
<br/>
</p>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 欢迎光临本店!<br/>
&nbsp; 本店新开张,所有商品都是低价销售,不为利润,只求信誉。本店宗旨: 敢和信!</p>
<p>
&nbsp;&nbsp;有实体店铺,还有更多商品未上架,有其他需要也可联系。<br />
&nbsp; 有任何疑问请与客服联系,将为您提供耐心解答!
</p>
</div>
<div id=demo2>
</div> </div> <div style="margin: 15px 10px 0px; width: 169px; height: 41px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="" height="155" width="170">
<tbody>
<tr>
<td width="68">
<div align="left">
<font style="color: rgb(0, 0, 0);">客服旺旺</font></div>
</td>
<td width="102">
<div>
<a href="http://www.taobao.com/webww/?
spm=a1z10.1.0.56.4HacQb&amp;ver=1&amp;&amp;touid=cntaobao%E5%AE%9E%E4%B9%8B%E4%B8%BA%E8%99%9A&amp;siteid=cntaobao&amp;status=2&amp;portalId=&amp;gid=&amp;itemsId=&amp;scene=taobao_shop" target="_blank"><img height="19"
src="http://2www.yubaibai.com.cn/cy/wwd.gif" style="margin: 0px; float: none;"
width="77" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="left">
<font style="color: rgb(0, 0, 0);"></font>&nbsp;联系手机</div>
</td>
<td>
<div>
&nbsp;123456789</div>
</td>
</tr>
<tr>
<td>
<div align="left">
<font style="color: rgb(0, 0, 0);"></font></div>
</td>
<td>
<div>
&nbsp;</div>
</td>
</tr>
<tr>
<td>
</td>
<td>
<div>
&nbsp;</div>
</td>
</tr>
<tr>
<td colspan="2">
<br />
<br />
<br />
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>
&nbsp;</p>
<div>
&nbsp;</div>
<SCRIPT >
var speed = 30;
demo2.innerHTML = demo1.innerHTML;
function Marquee() {
if (demo2.offsetTop - demo.scrollTop <= 0)
demo.scrollTop -= demo1.offsetHeight;
else {
demo.scrollTop++;
}
}
var MyMar = setInterval(Marquee, speed);
demo.onmouseover = function () { clearInterval(MyMar); }
demo.onmouseout = function () { MyMar = setInterval(Marquee, speed); }
</SCRIPT>
</body>
</html>

无缝滚动Js的更多相关文章

  1. jQuery图片无缝滚动JS代码ul/li结构

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

  2. 无缝滚动js (手写通俗易懂)

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  3. jQuery图片无缝滚动

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

  4. CSS和jQuery分别实现图片无缝滚动效果

    一.效果图 二.使用CSS实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g ...

  5. JS 阶段小练习~ 无缝滚动

    结合下学了的知识,做个模拟的综合性扩展练习~~  大致功能如下: 1.点开html后,图片自动移动展示 2.点击左右方向,可以改变 图片移动的方向(改变left的值,正负) 3.鼠标移入移出图片后,图 ...

  6. js 无缝滚动效果学习

    <!DOCTYPE html> <html> <head> <title>无缝滚动测试</title> <meta http-equi ...

  7. 移动手机端H5无缝间歇平滑向上滚动js代码

    在没结合css3的transform实现平滑过渡前,我都是用的jquery的animate方法,此方法在PC端基本看不出来有稍微卡顿的现象,但是在性能不高的手机上使用该方法,就会有明显的卡顿现象,不够 ...

  8. js基础教程四之无缝滚动

    前面学习了相关js的一些基础知识,这节主要针对定时器作综合运用: 无缝滚动-基础 效果演示: *物体运动基础 *让div移动起来 *offsetLeft的作用 *用定时器让物体连续移动 <sty ...

  9. 带无缝滚动的轮播图(含JS运动框架)

    今天学习了一下轮播图的写作,想到前一阵学过的无缝滚动得思想,所以就把轮播与滚动结合了一下.不过我的代码的神逻辑我自己都不敢恭维,在没网没参照的情况下,只能硬着头皮往下写,希望跟大家共勉吧. js运动框 ...

随机推荐

  1. javascript中的this作用域详解

    javascript中的this作用域详解 Javascript中this的指向一直是困扰我很久的问题,在使用中出错的机率也非常大.在面向对象语言中,它代表了当前对象的一个引用,而在js中却经常让我觉 ...

  2. [洛谷P4070][SDOI2016]生成魔咒

    题目大意:有一个字符串,每次在末尾加入一个字符,问当前共有多少个本质不同的字串 题解:$SAM$,就是问插入这个字符后,多了多少个字串,就是当前这个点的$Right$数组大小. 卡点:无 C++ Co ...

  3. 【以前的空间】link cut tree

    这篇文章讲的很好很详细,但是写了几天后发现似乎是挺残的版本. 2049: [Sdoi2008]Cave 洞穴勘测 3282: Tree 2002: [Hnoi2010]Bounce 弹飞绵羊 1036 ...

  4. HDU 2136 素数打表+求质数因子

    Largest prime factor Time Limit: 5000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Oth ...

  5. Saddle Point ZOJ - 3955 题意题

    Chiaki has an n × m matrix A. Rows are numbered from 1 to n from top to bottom and columns are numbe ...

  6. [zabbix]zabbix分区表操作步骤

    Q&A: 1.mul key: . 如果Key是空的, 那么该列值的可以重复, 表示该列没有索引, 或者是一个非唯一的复合索引的非前导列 . 如果Key是PRI, 那么该列是主键的组成部分 . ...

  7. distcc配置

    原理图: OS: ubuntu Server 12.04 1.安装 apt-get install distcc 2.配置 将文件/etc/default/distcc修改为如下格式 STARTDIS ...

  8. layer 限定时间消失

    默认tips层几秒后自动关闭.请问如何实现类似页面层时,点击页面层外部遮罩手动关闭的效果? 下面我加了time: 20000 时间控制在20秒后自动关闭,但是显得比较呆板,不如用户手动点击关闭来的灵活 ...

  9. synchronize 和volatile 实现共享变量在多线程中的可见性

    1.什么是线程可见性 可见性:一个线程对共享变量值的修改能够及时被其他线程看到. 共享变量:如果一个变量在多个线程工作内存中都存在副本,那么着给按量就是这几个线程的共享变量. 2.导致共享变量在线程间 ...

  10. 第01篇 为什么推荐使用String直接赋值

    在四海学的时候,可能需要我们经过沉淀才会去想一些事情,有的时候不知道为什么这样或者那样的时候,从今天看是,胖先生打算给大家开辟一个课程,就是我的读书笔记. 首先我们来认识一下String字符串 一般对 ...