图片无缝上下滚动
时间:2022-05-12
本文章向大家介绍图片无缝上下滚动,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
今天要用到图片无缝滚动,在网上找了半天要么不能滚动,要么不能无缝。我最后找到了一个可以达到要求的代码,现在贴出来放便大家使用。我测试过的,可以使用。
<div id=demo style=”overflow:hidden; width:475; height:80px;”>
<div id=demo1>
<a href=”#” charset=”utf-8″ target=”_blank”><img src=”images/ad1.jpg”></a>
<br>
<img src=”images/ad2.jpg”>
<br>
<img src=”images/ad1.jpg”>
<br>
</div>
<div id=demo2></div>
</div>
<script language=”javascript”>
var speed=20
document.getElementById(“demo2”).innerHTML=document.getElementById(“demo1”).innerHTML
function Marquee(){
if(document.getElementById(“demo2”).offsetTop-document.getElementById(“demo”).scrollTop<=0)
document.getElementById(“demo”).scrollTop-=document.getElementById(“demo1”).offsetHeight
else{
document.getElementById(“demo”).scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
document.getElementById(“demo”).onmouseover=function() {clearInterval(MyMar)}
document.getElementById(“demo”).onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
- Docker下redis的主从、持久化配置
- vuejs、eggjs、mqtt全栈式开发设备管理系统
- Xss和Csrf介绍
- GraphQL介绍&使用nestjs构建GraphQL查询服务
- 使用auth_request模块实现nginx端鉴权控制
- Docker学习之Docker镜像基本使用
- Docker学习之Centos7下安装
- Impala的Short-Circuit Reads
- js各种继承方式汇总
- Cloudera Navigator异常分析
- lodash源码分析之数组的差集
- lodash源码分析之baseFindIndex中的运算符优先级
- 在Ubuntu中安装Hadoop
- 如何编译及使用hive-testbench生成Hive基准测试数据
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法