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
>
查看全文
相关阅读:
移动app测试浅析
Instruments 使用指南
手机APP测试的几大点
Python之路【目录】
Delphi TreeView – 自动展开树形结构
Delphi TreeView – 自动给标题上加图片
Delphi 发送邮件 通过Office Outlook
Delphi Create(nil), Create(self), Create(Application)的区别
Delphi StringReplace – 替换字符函数
Delphi MessageBox
原文地址:https://www.cnblogs.com/wanglinglong/p/1557444.html
最新文章
Tensorflow中tf.ConfigProto()详解
TensorFlow指定使用GPU 多块gpu
tensorflowgpu安装
ImportError: DLL load failed: 找不到指定的模块。 TensorFlow 1.13
tensorflow -gpu安装,史上最新最简单的途径(不用自己装cuda,cdnn)
Tensorflow安装问题: Could not find a version that satisfies the requirement tensorflow pip命令
Python:pip 和pip3的区别
彻底解决tensorflow:ImportError: Could not find 'cudart64_90.dll' tensorflow安装
(ios开发学习笔记一)ios项目文件结构
ios5 xcode 4.2 中 release显示编译警告或错误的解决方法
热门文章
xcode 3.x版本中的Executables 到xcode 4.x中怎么找不到了?
XCode快捷键
XCode帮助文档离线下载解决办法
修改模板中公司的名字与开发者名字
XCode中调整字体大小
DOM 之通俗易懂讲解
Apache与Tomcat 区别联系
pods 遇到的问题
SVN管理工具Cornerstone之:创建分支、提交合并
判断 网络状态
Copyright © 2011-2022 走看看