无缝滚动Js
<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&id=66059960&itemid=66059960&itemtype=0&selle
rid=688629367&scjjc=2&_tb_token_=3eb1b18ea336&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>
欢迎光临本店！<br/>
本店新开张，所有商品都是低价销售，不为利润，只求信誉。本店宗旨： 敢和信！</p>
<p>
有实体店铺，还有更多商品未上架，有其他需要也可联系。<br />
有任何疑问请与客服联系，将为您提供耐心解答！
<br/>
</p>
<p>
欢迎光临本店！<br/>
本店新开张，所有商品都是低价销售，不为利润，只求信誉。本店宗旨： 敢和信！</p>
<p>
有实体店铺，还有更多商品未上架，有其他需要也可联系。<br />
有任何疑问请与客服联系，将为您提供耐心解答！
</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&ver=1&&touid=cntaobao%E5%AE%9E%E4%B9%8B%E4%B8%BA%E8%99%9A&siteid=cntaobao&status=2&portalId=&gid=&itemsId=&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> 联系手机</div>
</td>
<td>
<div>
123456789</div>
</td>
</tr>
<tr>
<td>
<div align="left">
<font style="color: rgb(0, 0, 0);"></font></div>
</td>
<td>
<div>
</div>
</td>
</tr>
<tr>
<td>
</td>
<td>
<div>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<br />
<br />
<br />
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>
</p>
<div>
</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的更多相关文章
- jQuery图片无缝滚动JS代码ul/li结构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 无缝滚动js （手写通俗易懂）
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- jQuery图片无缝滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- CSS和jQuery分别实现图片无缝滚动效果
一.效果图 二.使用CSS实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g ...
- JS 阶段小练习~ 无缝滚动
结合下学了的知识,做个模拟的综合性扩展练习~~ 大致功能如下: 1.点开html后,图片自动移动展示 2.点击左右方向,可以改变 图片移动的方向(改变left的值,正负) 3.鼠标移入移出图片后,图 ...
- js 无缝滚动效果学习
<!DOCTYPE html> <html> <head> <title>无缝滚动测试</title> <meta http-equi ...
- 移动手机端H5无缝间歇平滑向上滚动js代码
在没结合css3的transform实现平滑过渡前,我都是用的jquery的animate方法,此方法在PC端基本看不出来有稍微卡顿的现象,但是在性能不高的手机上使用该方法,就会有明显的卡顿现象,不够 ...
- js基础教程四之无缝滚动
前面学习了相关js的一些基础知识,这节主要针对定时器作综合运用: 无缝滚动-基础 效果演示: *物体运动基础 *让div移动起来 *offsetLeft的作用 *用定时器让物体连续移动 <sty ...
- 带无缝滚动的轮播图（含JS运动框架）
今天学习了一下轮播图的写作,想到前一阵学过的无缝滚动得思想,所以就把轮播与滚动结合了一下.不过我的代码的神逻辑我自己都不敢恭维,在没网没参照的情况下,只能硬着头皮往下写,希望跟大家共勉吧. js运动框 ...
随机推荐
- （转）如何用U盘创建Linux系统盘
(转)http://teliute.org/linux/TeUbt/lesson60/lesson60.html 创建一个U盘linux安装盘,用以启动系统并安装: 1.启动盘创建器 1)点击主按钮, ...
- HDOJ(HDU).2546 饭卡(DP 01背包)
HDOJ(HDU).2546 饭卡(DP 01背包) 题意分析 首先要对钱数小于5的时候特别处理,直接输出0.若钱数大于5,所有菜按价格排序,背包容量为钱数-5,对除去价格最贵的所有菜做01背包.因为 ...
- bzoj 4488 [Jsoi2015]最大公约数 结论+暴力
[Jsoi2015]最大公约数 Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 302 Solved: 169[Submit][Status][Dis ...
- MySQL5.5安装图解
MySQL5.5安装图解... ====================== 第一部分:去官网下载MySQL安装包... MySQL下载官网:https://dev.mysql.com/downloa ...
- 前端多层回调问题解决方案之$.Deferred
javascript引擎是单线程的,但是通过异步回调可以实现IO操作并行执行能力,当业务逻辑复杂的时候我们就进入回调地狱. 本文讲得ajax是在jquery1.5以前的版本,目的旨在让我们理解延迟对象 ...
- linux下输出查看进程及杀进程
1.查找有关tomcat的进程 ps -ef | grep tomcat 2.查看某端口占用情况 netstat -tulpn | grep 9009 3.杀进程 普通:kill 进程id 强制:ki ...
- linux包安装，解压，压缩，包管理，环境变量
linux 包安装,解压,压缩,包管理 centoscentos上有系统包管理器yum yum的配置一般有两种方式,一种是直接配置/etc目录下的yum.conf文件,另外一种是在/etc/yum.r ...
- 通过java客户端连接hbase 注意事项
1.通过Java客户端连接Hbase,其中hbase通过zookeeper去管理,需要注意的是客户端端口. 通过在浏览器端输入地址查看:http://192.168.3.206:60010/maste ...
- 冒泡排序Bubble sort
原理是临近的数字两两进行比较,按照从小到大或者从大到小的顺序进行交换, 这样一趟过去后,最大或最小的数字被交换到了最后一位, 然后再从头开始进行两两比较交换,直到倒数第二位时结束,其余类似看例子 例子 ...
- Could not load file or assembly 'Microsoft.ReportViewer.Common, Version=11.0.0.0 异常处理
在本机开发asp.net .rdlc报表后,部署到本地没有问题. 当把网站发布后部署在IIS上,新电脑上(只安装了.net framwork4.5),提示如下错误: “Could not load f ...