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
>
查看全文
相关阅读:
springmvc的执行流程
深入理解设计模式(五):抽象工厂模式
深入理解设计模式(四):工厂方法模式
深入理解设计模式(三):策略模式
写给三十岁的自己
asp.net引用System.Speech实现语音提示
深入理解设计模式(序):常用的7大设计原则
深入理解设计模式(二):简单工厂模式
深入理解设计模式(一):单例模式
解决基于IIS的.net core HttpWebRequest 连接特别慢
原文地址:https://www.cnblogs.com/wanglinglong/p/1557444.html
最新文章
dubbo源码阅读之SPI
zynq开发板外设配置演示
米尔电子i.MX8开发板评测
关于zynq系列板卡设计VREFP_0参考电压的疑问及解答
MPSoc之Hello World学习笔记
【imx6ul应用开发】如何修改串口?
如何从ubuntu或PC传递文件到板子,ubuntu如何上网?
【i.MX6UL/i.MX6ULL开发常见问题】单独编译内核,uboot生成很多文件,具体用哪一个?
制作SD更新系统时和用mfgtool工具烧录时,文件如何替换?
Zynq UltraScale+ MPSoC 多媒体应用
热门文章
基于xilinx Zynq UltraScale MPSoC平台的核心板及开发板介绍-米尔科技
mybatis关联映射一对多
mybatis关联映射多对多
mybatis学习一
mybatis的增删改查
springmvc处理json数据
springMVC文件上传下载
springmvc注解一
springmvc 注解二
springmvc注解@Controller和@RequestMapping
Copyright © 2011-2022 走看看