用javascript实现的marquee效果

原创 2006年05月27日 10:45:00

<html>
<head>
<title></title>
</head>
<body>
<div id=mmh style="BACKGROUND: #efefef; OVERFLOW: hidden; WIDTH: 120px; CURSOR: hand; HEIGHT: 100px">
<!--注意设置id:mmh的height的参数-->
 <div id=mmh1>
  <!--以下为页面显示内容-->
  <table>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  <tr>
  <td>
  dffffffffffffffffdffffffffffffff
  </td>
  </tr>
  </table>
 </div>
 <div id=mmh2>
 </div>
</div>
<SCRIPT language="javascript">
     var speed=10;
     mmh2.innerHTML=mmh1.innerHTML;
//id.innerHTML显示的是ID显示的内容
  //alert(mmh2.innerHTML);
     function Marquee(){
     if(mmh2.offsetHeight-mmh.scrollTop<=0){
      mmh.scrollTop-=mmh1.offsetHeight;
     //alert(mmh2.offsetWidth);
     }
     else{
      mmh.scrollTop++;
     }
     }
     var Mymmh=setInterval(Marquee,speed);
     //alert(Mymmh);
     mmh.onmouseover=function()
     {clearInterval(Mymmh);}
     mmh.onmouseout=function()
     {Mymmh=setInterval(Marquee,speed);}
</SCRIPT>
</body>
</html>

marquee 和JS 滚动效果

HTML 实现滚动效果 页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,...
  • KevinwuwenboA
  • KevinwuwenboA
  • 2016年11月13日 15:43
  • 882

HTML标签marquee实现滚动效果

 页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,也可以移动图片,表...
  • qw222pzx
  • qw222pzx
  • 2016年12月19日 13:21
  • 226

CSS中滚动效果<MARQUEE>的用法

%{sta.index+1}、 %{tableTr.get('title')}     
  • xiaokangmiclong
  • xiaokangmiclong
  • 2015年11月30日 16:28
  • 1604

marquee标签实现跑马灯效果--无缝滚动

今天在做微信端的大转盘抽奖时,想把所有用户的抽奖记录做成无缝滚动的效果,无奈我的js功底太差,一时想不出实现的方法,便百度各种相似效果。但无意中发现了一个html标签——可以实现多种滚动效果,无需js...
  • xiaozhi_2016
  • xiaozhi_2016
  • 2016年07月29日 16:05
  • 24286

Html 标题滚动效果实现 marquee标签属性

开发时遇到一个问题,同一个网页可能在不同的环境下打开,亦可能是PC端,又亦是手机端。而在手机端时由于手机型号不同的分辨率也尽然不同,导致标题显示时无法显示完全,或撑大原标签导致界面变形。 问题描述:...
  • dcb_ripple
  • dcb_ripple
  • 2017年01月11日 20:43
  • 1008

利用javascript实现简单动画效果。

利用javascript的setTimeout()函数可以实现简单的动画效果。setTimeout()函数有两个参数,第一个参数是一个字符串,其内容是将要执行的哪个函数的名字;第二个参数是一个数值,它...
  • qq_32600929
  • qq_32600929
  • 2016年11月03日 11:35
  • 1295

javascript实现分页效果

一般的页面我们实现分页效果都是用跳转的形式,但是有些需求需要我们在不跳转页面的同时完成分页效果,简单的一个实现例子:window.onload = function(){ page...
  • yilanyoumeng3
  • yilanyoumeng3
  • 2015年06月18日 16:24
  • 1820

HTML标准中已经废弃的<marquee>标签

HTML标准中已经废弃的标签 参考文章: https://developer.mozilla.org/en/docs/Web/HTML/Element/marquee https://en.wikip...
  • gsls200808
  • gsls200808
  • 2015年09月30日 13:22
  • 5315

iOS开发之跑马灯滚动条的两种方法与实现

跑马灯效果的滚动条,一般出现在ios应用的底部。用于显示动态变化的信息或内容较长的信息,在个类应用中使用广泛以下两种可用的跑马灯滚动MarqueeBar的实现。1.直接在ViewController中...
  • yctccg
  • yctccg
  • 2016年08月16日 10:41
  • 2595

marquee图片无缝拼接滚动

marquee图片无缝滚动 先了解一下对象的几个的属性: innerHTML:     设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动...
  • zhuyu19911016520
  • zhuyu19911016520
  • 2014年04月25日 15:47
  • 10488
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用javascript实现的marquee效果
举报原因:
原因补充:

(最多只允许输入30个字)