zoukankan
html css js c++ java
无间断滚动
Code
<
style type
=
"
text/css
"
>
<!--
#demo
{
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
height: 100px;
text
-
align: center;
float
: left;
}
#demo img
{
border: 3px solid #F2F2F2;
display: block;
}
-->
</
style
>
向下滚动
<
div id
=
"
demo
"
>
<
div id
=
"
demo1
"
>
<
a href
=
"
#
"
><
img src
=
"
http://www.cnrui.cn/other/link/Clear_logo.gif
"
border
=
"
0
"
/></
a
>
<
a href
=
"
#
"
><
img src
=
"
http://www.cnrui.cn/other/link/Clear_logo.gif
"
border
=
"
0
"
/></
a
>
<
a href
=
"
#
"
><
img src
=
"
http://www.cnrui.cn/other/link/Clear_logo.gif
"
border
=
"
0
"
/></
a
>
<
a href
=
"
#
"
><
img src
=
"
http://www.cnrui.cn/other/link/Clear_logo.gif
"
border
=
"
0
"
/></
a
>
<
a href
=
"
#
"
><
img src
=
"
http://www.cnrui.cn/other/link/Clear_logo.gif
"
border
=
"
0
"
/></
a
>
</
div
>
<
div id
=
"
demo2
"
></
div
>
</
div
>
<
script
>
<!--
var speed
=
10
;
//
数字越大速度越慢
var tab
=
document.getElementById(
"
demo
"
);
var tab1
=
document.getElementById(
"
demo1
"
);
var tab2
=
document.getElementById(
"
demo2
"
);
tab2.innerHTML
=
tab1.innerHTML;
//
克隆demo1为demo2
tab.scrollTop
=
tab.scrollHeight
function Marquee()
{
if
(tab1.offsetTop
-
tab.scrollTop
>=
0
)
//
当滚动至demo1与demo2交界时
tab.scrollTop
+=
tab2.offsetHeight
//
demo跳到最顶端
else
{
tab.scrollTop
--
}
}
var MyMar
=
setInterval(Marquee,speed);
tab.onmouseover
=
function()
{clearInterval(MyMar)}
;
//
鼠标移上时清除定时器达到滚动停止的目的
tab.onmouseout
=
function()
{MyMar
=
setInterval(Marquee,speed)}
;
//
鼠标移开时重设定时器
-->
</
script
>
查看全文
相关阅读:
kafka基础
springboot启动过程(3)-refresh方法
springboot启动过程(2)-run方法
springboot启动过程(1)-初始化
springBoot数据库jpa+对接mybatis
spirng boot web配置开发
spring boot 入门
jetty分析
NIO/AIO
使用jsPDF 和jspdf-autotable 导出中文表格页面
原文地址:https://www.cnblogs.com/wanglinglong/p/1557444.html
最新文章
Mysql启动失败 MYSQL:The server quit without updating PID file
python3 + Django + Mysql + Vue + Element-UI 学习笔记:从0搭建前后端分离的测试工具平台
python3.6 +tkinter GUI编程 实现界面化的文本处理工具
python3 + Django + Vue + Element-UI 开发坑点记录
py3库相关问题FAQ
python 3.6 + robotFramework自动化框架 环境搭建、学习笔记
python 3.6 +pyMysql 操作mysql数据库
mysql 基本语法
Hbase 常用命令
python 3.6 urllib库实现天气爬取、邮件定时给妹子发送天气
热门文章
使用python处理excle表格
4_(知识补充)连接mongoDB数据库出现的代码警告
4_使用mongoose连接数据库
3_mongoose ODM框架及其安装
2_mongoDB的图形化界面
1_mongoDB最新版本4.4.1下载和安装【默认已配置存储路径和日志输出路径】
0_数据库概述
java 枚举实现单例
spring boot 批量导入数据方案
Consumer设计-high/low Level Consumer
Copyright © 2011-2022 走看看