<div id="link" style="OVERFLOW: hidden; HEIGHT: 30">

<div id="link1">
<a href="http://www.163.com" target="_blank">网易</a><br>
<a href="http://www.163.com" target="_blank">网易</a><br>
<a href="http://www.163.com" target="_blank">网易</a><br>
<a href="http://www.163.com" target="_blank">网易</a><br>
<a href="http://www.163.com" target="_blank">网易</a><br>
<a href="http://www.163.com" target="_blank">网易</a><br>
<a href="http://www.163.com" target="_blank">网易</a><br>
<a href="http://www.163.com" target="_blank">网易</a><br>
<a href="http://www.163.com" target="_blank">网易</a><br>
<a href="http://www.163.com" target="_blank">网易</a><br>
</div>

<div id="link2"></div>

</div>

<script>
var speed=60;
link2.innerHTML=link1.innerHTML;
function Marquee(){
if(link2.offsetTop-link.scrollTop<=0)
link.scrollTop-=link1.offsetHeight;
else{
link.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
link.οnmοuseοver=function() {clearInterval(MyMar)}
link.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</script>

转载于:https://www.cnblogs.com/ZetaChow/archive/2007/08/04/2237376.html

javascript 连续滚动相关推荐

  1. dw自动滚动图片_Dreamweaver连续滚动图片的制作

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 横向不间断连续滚动图片,将下面代码放到你要显示的位置 //more javascript from http://www.smallrain.net do ...

  2. 怎么弄自动滚动的图片 html,HTML网页上连续滚动图片的制作

    制作方法:相关文件:在页面 ~相关位置加入代码: 新建scrollimg-pic.htm页面,插入相同大小的图片若干张.为使它不停顿地连续播放,请在同一行中,连续插入图片二至三次.类似于文件.在每一张 ...

  3. HTML网页设计图片滚动,HTML网页上连续滚动图片的制作

    制作方法:相关文件:在页面 ~相关位置加入代码: 新建scrollimg-pic.htm页面,插入相同大小的图片若干张.为使它不停顿地连续播放,请在同一行中,连续插入图片二至三次.类似于文件.在每一张 ...

  4. 网页特效--图片连续滚动(上下左右)

    图片连续滚动的解决方法先来认识一下几个参数: innerHTML:设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于 ...

  5. Javascript网页滚动方法

    Javascript网页滚动方法 作者:不详 来源于:源码下载吧 发布时间:2007-6-6 16:24:26 [ 字体:大 中 小 ]   我想大家都看过各种各样的滚动(最常用的就是用在新闻的更新上 ...

  6. jquery连续滚动

    本文非常详细的讲解在jquery里实现图片或文字的连续循环滚动的方法. 连续循环滚动是我们在网页开发中经常要用到的特效,在jquery里,我们要实现文字或图片的连续循环滚动是非常简单的.出处:http ...

  7. html 多张图片自动滚动,JS实现图片的不间断连续滚动的简单实例

    js替代marquee实现图片无缝滚动 可能大家都碰到过,当marquee中滚动的是图片的时候,滚到终点的时候直接就跳回到起点了,而不像文字那样可以无缝滚动,下面介绍的是通过js来实现图片的无缝滚动. ...

  8. js实现图片连续滚动播放

    实现效果: 1.页面加载后,图片自动开始滚动播放 2.鼠标移入暂停,并放大显示,鼠标移出后继续滚动 实现思路: 1.首先设置一个外框,固定宽度,超出范围的图片隐藏掉 2.复制一遍图片列表,追加一组在当 ...

  9. 横图图片广告代码html,横向不间断的连续滚动图片/文字广告

    横向不间断的连续滚动图片/文字广告 [ 发布者:未知┊来源:网页特效观止┊时间:2008-03-29┊浏览: 人次 ] 可自行设置显示比例 横向不间断的连续滚动图片/文字广告-网页特效观止-网页特效代 ...

最新文章

  1. 【Python】青少年蓝桥杯_每日一题_6.03_空心三角形图案
  2. 如何分析apache日志[access_log（访问日志）和error_log（错误日志）]
  3. 看动画学算法之:排序-冒泡排序
  4. 【习题 6-7 UVA - 804】Petri Net Simulation
  5. 在Vue中引入Bootstrap，Font-awesome
  6. 从零开始学keras之使用 LSTM 生成文本
  7. 数据库设计三大范式应用实例剖析（讲得比较清楚）
  8. mybatis-generator一些注意点 2021-04-21
  9. python爬虫的时候要用的url修改方法总结
  10. arcgis中dem坐标定义_GIS基础-DEM Grid规则格网结构
  11. python接口自动化（三十五）-封装与调用--流程类接口关联（详解）
  12. 【自】数据库系统原理（三）——测试总结后，
  13. 十种最受前辈宠爱的职场新人
  14. Thread类的常用方法
  15. java期末考试试卷及答案文库_《java语言程序设计》期末考试试题及答案(题库超级大全-应考必备)java考试题必从中出...
  16. 【计算机组成原理】内存与CPU的连接
  17. 研究生留学资助项目突遭暂停，美国两大科研机构设限，上千访问学者或受影响...
  18. 毕业四年年薪200万是怎样的一种体验？
  19. RabbitMQ学习记录 - Direct之Routing模式
  20. 概率计算机在线,高斯正态分布(概率)计算公式与在线计算器_三贝计算网_23bei.com...

热门文章

  1. Eclipse、IntelliJ IDEA、TortoiseSVN清除svn帐号
  2. 华为系统移动数据连接到服务器,怎样设置手机数据连接到服务器配置
  3. SQL Server高级查询之数据库安全管理 第六章节
  4. 高斯消元解模同余方程组
  5. ipv6地址_「案例」路由器怎么自动获取IPv6地址？
  6. Java常用算法三：01背包问题
  7. 数据库实验6 数据库的分组查询和统计查询
  8. C#基础17：匿名方法与Lambda表达式
  9. MATLAB 中 floor、round、ceil、fix 取整函数的意义和区别
  10. javascript学习之支持正则表达式的String对象的方法的使用 search match replace split