图片上下滚动源代码:

var speed=60

demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2

function Marquee(){

//当滚动至demo1与demo2交界时

if(demo2.offsetTop-demo.scrollTop<=0)

demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端 我觉得这段代码浏览器不兼容 所以遇到有的浏览器正常滚动有的滚一下就不动 就修改这里

else{

demo.scrollTop++

}

}

var MyMar=setInterval(Marquee,speed)//设置定时器

//鼠标移上时清除定时器达到滚动停止的目的

demo. {clearInterval(MyMar)}

//鼠标移开时重设定时器

demo.

这段代码我测试了在ie6下没问题 高版本的ie浏览器下滚动一遍就开始跳动不滚动了 别的浏览器测试了也是这样

为此我把代码中间改了下 demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端  把这一行的offsetHeight  我改成了offsetstop 结果测试了 别的浏览器也能一直滚动了

网络此问题相关资料链接:

html5图片向上滚动代码,图片上下滚动代码使用方法相关推荐

  1. html图片向上,CSS实现图片向上浮动

    CSS实现图片向上浮动办法 今天在写CSS时需要实现:当鼠标悬停在由图片和介绍组成的超链接时,榴莲向上浮动的效果. 我在实现这个效果时思路分为以下几步: 鼠标悬停 图片移动 下方元素绝对定位 增加过渡 ...

  2. html5滚动文字切换效果代码,js+div实现文字滚动和图片切换效果代码

    本文实例讲述了js+div实现文字滚动和图片切换效果代码.分享给大家供大家参考.具体如下: 这里演示js+div文字滚动和图片切换代码,为了演示方便,去掉了图片调用,用数字代替了,用时候再加上就可以了 ...

  3. 图片滚动插件+html5,超赞的jQuery图片滑块动画特效代码汇总

    在网站开发过程中,特别是前端开发这块,经常会使用到很多图片滑块动画,也就是一些基于jQuery和HTML5的焦点图插件.本文将为大家收集10个超赞的jQuery图片滑块动画,这些现成的jQuery插件 ...

  4. java实现图片滚动_怎么用Java代码使图片自行滚动浏览

    图片循环滚动代码和图片无缝滚动代码 先介绍一下它的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通 ...

  5. 网站翻滚图片代码html,网页滚动图片滚动特效解析

    1.一种常用的无缝滚动代码: 滚动图片代码演示-志文工作室 href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/i ...

  6. html 图片放大缩小轮播,jQuery左右滚动支持图片放大缩略图图片轮播代码分享

    本文实例讲述了jQuery左右滚动支持图片放大缩略图图片轮播效果.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现的左右滚动支持图片放大缩略图图片轮播效果,常用的jQuery图片左右轮播 ...

  7. html5多张图片滚动播放,javascript+html5实现仿flash滚动播放图片的方法_javascript技巧...

    本文实例讲述了javascript+html5实现仿flash滚动播放图片的方法.分享给大家供大家参考.具体如下: html部分: css部分: body{ margin: 0px; padding: ...

  8. html 图片自动滚动播放,javascript+html5实现仿flash滚动播放图片的方法

    本文实例讲述了javascript+html5实现仿flash滚动播放图片的方法.分享给大家供大家参考.具体如下: html部分: css部分: body{ margin: 0px; padding: ...

  9. 文字/图片向上无限循环滚动

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  10. 水平滚动选择图片 html,jquery实现图片水平滚动效果代码分享

    本文实例讲述了jquery实现图片水平滚动效果,分享给大家供大家参考.具体如下: 运行效果图:-------------------查看效果------------------- 小提示:浏览器中如果 ...

最新文章

  1. ios 证书更新需要重新发布么_福利站证书更新,自己有空余时间一定要学会自己用电脑签名!...
  2. Java学习笔记13(equals()方法;toString()方法)
  3. WCF创建到使用到发布
  4. elk-logstash时区问题
  5. linux系统开机过程描述
  6. My.WinformMvc,一个 Winform MVC 框架
  7. 计算机基础知识及键盘熟悉实验报告,计算机基础实验报告实验一二.doc
  8. 揭秘:为什么羊毛党可以0元购物?
  9. 腾讯云 接口验签 使用qcloud-java-sdk
  10. 曲卉:高阶增长黑客实战营
  11. 正则表达式-匹配中英文、字母和数字
  12. word2013插入excel对象报错_教大家Excel2013如何插入对象文件
  13. 【概率图与随机过程】06 朴素贝叶斯:基于条件独立性假设
  14. python解析markdown_fluent-python-translate
  15. 交流电源滤波器电路图及作用分析
  16. 安装SDK MANAGER + Jetpack 4.5刷机
  17. educoder 国标码转区位码实验(详细)
  18. JS计算字符串所占字节数占用储存大小
  19. 解决从Android studio 粘贴代码到印象笔记格式混乱的问题
  20. 压铸模拟与压铸生产的关系?

热门文章

  1. 思科C3750密码丢失重置恢复方法
  2. Simulink代码生成:CAN Pack模块及其代码
  3. JNCIP Test Bed
  4. android 流式布局官方,Android 流式布局
  5. 集装箱装卸多码头系统仿真
  6. springboot使用华为OBS上传下载文件详解
  7. CentOS开发环境搭建
  8. SpringBoot2.x 自动化生成代码整合Mybatis
  9. springboot整合security(一)入门
  10. 蓝桥杯【第13届省赛】Python 实现