Marquee上下滚动效果（连续的）

最新推荐文章于 2021-03-01 14:25:56 发布
最新推荐文章于 2021-03-01 14:25:56 发布
阅读量205 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wzhxj/archive/2005/12/19/299945.html
版权

<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.3790.118" name=GENERATOR>
<META content=JavaScript name=vs_defaultClientScript>
<SCRIPT language=JavaScript>
<!--
function opencart(pid) {
var addr="Shop/ShoppingCart.aspx?id="+pid
window.showModalDialog(addr,'','dialogHeight:400px;dialogWidth:600px');
}

function formqbSubmit(theForm) {
  theForm.action="http://union.zhongsou.com/uncoll.cgi?webid=imit";
  return qbcheckform(theForm);
}
function ok_submit(theForm)
{
 theForm.action="http://page.zhongsou.com/desksearch.cgi";
 if(qbcheckform(theForm)) theForm.submit();
}
//-->
  </SCRIPT>
</HEAD>
<BODY MS_POSITIONING="GridLayout">     
      <TABLE class=bian_2 cellSpacing=0 cellPadding=0 width="27%" align=center
      border=0>
        <TBODY>       
        <TR>
          <TD class=word_3
          background="三好在线 - 因为专业，所以领先_files/td_bg_point_3_26.gif" colSpan=2
          height=26>滚动报价</TD></TR>
        <TR>
          <TD style="PADDING-LEFT: 3px; PADDING-TOP: 8px" align=middle colSpan=2
          height=200>
            <MARQUEE οnmοuseοver=this.stop() οnmοuseοut=this.start()
            scrollAmount=2 direction=up width="100%" height="97%">
            <TABLE cellSpacing=2 cellPadding=1 width="100%" border=0>
              <TBODY>
              <TR>
                <TD><A
                  href="http://www.sanhaoonline.com/Market/index.htm">Celeron D
                  310 2.13G(盒)</A></TD>
                <TD>445</TD></TR>
              <TR>
                <TD><A
                  href="http://www.sanhaoonline.com/Market/index.htm">Celeron D
                  310 2.13G(散)</A></TD>
                <TD>370</TD></TR>
              <TR>
                <TD><A
                  href="http://www.sanhaoonline.com/Market/index.htm">Celeron
                  D320 2.4G(散)</A></TD>
                <TD>470</TD></TR>
              <TR>
                <TD><A
                  href="http://www.sanhaoonline.com/Market/index.htm">Celeron
                  D325 2.53G(散)</A></TD>
                <TD>500</TD></TR>
              <TR>
                <TD><A
                  href="http://www.sanhaoonline.com/Market/index.htm">Celeron
                  D330 2.66G(散)</A></TD>
                <TD>565</TD></TR>
              <TR>
                <TD><A
                  href="http://www.sanhaoonline.com/Market/index.htm">Celeron
                  D335 2.8G(散)</A></TD>
                <TD>500</TD></TR>
              <TR>
                <TD><A
                  href="http://www.sanhaoonline.com/Market/index.htm">Pentium 4
                  2.4A(散)</A></TD>
                <TD>935</TD></TR>             
              <TR>
                <TD><A href="http://www.sanhaoonline.com/Market/index.htm">希捷
                  SATA 160G/8M(散)</A></TD>
                <TD>660</TD></TR>
              <TR>
                <TD><A href="http://www.sanhaoonline.com/Market/index.htm">希捷
                  SATA 80G/8M(散)</A></TD>
                <TD>465</TD></TR>
              <TR>
                <TD><A href="http://www.sanhaoonline.com/Market/index.htm">WD
                  1200BB120G(2M/散)IDE</A></TD>
                <TD>535</TD></TR>
              <TR>
                <TD><A href="http://www.sanhaoonline.com/Market/index.htm">WD
                  1200JD120G(8M/散)SATA</A></TD>
                <TD>660</TD></TR>
              <TR>
                <TD><A href="http://www.sanhaoonline.com/Market/index.htm">WD
                  1600BB160G2M IDE</A></TD>
                <TD>630</TD></TR>
              <TR>
                <TD><A href="http://www.sanhaoonline.com/Market/index.htm">WD
                  1600JD160G(8M/散)SATA</A></TD>
                <TD>710</TD></TR>
              <TR>
                <TD><A href="http://www.sanhaoonline.com/Market/index.htm">WD
                  2500JD250G8M SATA</A></TD>
                <TD>950</TD></TR>            
              <TR>
                <TD><A href="http://www.sanhaoonline.com/Market/index.htm">金钻9
                  80G 2M IDE(盒)</A></TD>
                <TD>445</TD></TR>            
              <TR>
                <TD><A
                  href="http://www.sanhaoonline.com/Market/index.htm">KingMax
                  512MB(DDR400)</A></TD>
<TD>318</TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>    
</BODY></HTML>

转载于:https://www.cnblogs.com/wzhxj/archive/2005/12/19/299945.html

weixin_34218890
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
marquee图片无缝滚动（上下左右均可）
11-17
marquee一款非常NB的插件可以实现无缝滚动上下左右都可以。使用简单操作容易
IE 上下滚动展示模仿Marquee机制
09-05
总的来说，这个自定义的IE上下滚动展示机制通过JavaScript动态操作DOM元素的位置和透明度，实现了类似Marquee的滚动效果，同时提供了更多的定制选项，如滚动速度和透明度变化。这种方法虽然比HTML的`<marquee>`标签...
marquee标签实现上下左右滚动
鹏飞的技术博客
08-23 1768
         &lt;marquee direction="up" scrollamount="2"&gt;              上下滚动          &lt;/marquee&gt;          &lt;marquee direction="left" scrollamount="7"&gt;              左右滚动          &
marquee如何让文字上下来回滚动
热门推荐
博艺的技术专栏
05-11 2万+
首先让我们认识这个标签，它是成对出现的标签，首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。behavior属性behavior属性的参数值为alternate、scroll、slide中的一个，分别表示文字
marquee上下无缝滚动
weixin_30278237的博客
07-10 682
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"> <title>marqueen</title><style type="text/css"> ...
Marquee 连续滚动
weixin_33859504的博客
09-24 100
在网上搜了一下几乎是同一个版本的连续滚动。并且有一些问题 于是就自己写了一个    &lt;div id="Parent" style="cursor: hand; overflow: hidden; width: 800px; height:50px"&gt;        &lt;div id="Child_A" style="float:left;white-space:nowrap;...
利用Marquee实现无缝循环滚动文字
02-25
在提供的代码示例中，通过JavaScript结合CSS实现了一个类似`<marquee>`标签的无缝循环滚动效果。 - **关键代码解析**： - **CSS样式**：定义了滚动区域的背景颜色、溢出隐藏、宽度和高度等样式。 - **HTML结构**...
文本上下滚动
08-02
在Android开发中，实现文本上下滚动的效果是一种常见的需求，尤其在显示大量文本或者公告信息时。这个"文本往上滚动demo"应该包含一个简单的示例，教你如何在Android应用中创建这种动态滚动效果。我们将深入探讨如何...
常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全(推荐)
10-20
- 左右滚动的实现原理与上下滚动相似，只需将`scrollTop`替换为`scrollLeft`，并将容器的宽度设置为`overflow-x: hidden`。 6. **扩展应用**： - 可以根据需要添加更多功能，比如自动轮播、图片切换动画、控制...
marquee标签无限上下滚动
u014796999的博客
12-14 1万+
marquee标签无限上下滚动 <marquee direction=up scrolldelay="10" scrollamount="1" loop="-1" behavior="scroll" hspace="20" vspace="10" onMouseOver="this.stop()" onMouseOut="this.start()" width="1
js Marquee上下滚动效果
03-24
NULL 博文链接：https://gsllong.iteye.com/blog/1096116
jQuery实现网站中公告上下无缝滚动，marquee（每条广告之间的高度无需一致）
07-04
类似以前的公告通知，上下marquee滚动，导入该插件，调用myScroll方法， 设置speed即可。jQuery实现网站中公告上下无缝滚动，marquee（每条广告之间的高度无需一致），自己的坑自己来填了，这个和我以前上传的一样，但是广告的每条高度不需要一致，更加灵活。最新！最新！最新！
用<marquee>实现图片上下滚动
aoqianghuo2724的博客
09-24 255
首先让我们认识这个<marquee>标签，它是成对出现的标签，首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，...
Marquee 的连续滚动
学习者专栏
01-20 1536
Marquee的连续滚动http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">          var speed=30  demo2.innerHTML=demo1.innerHTML demo.scrollLeft=demo.scrollWidth  function Marquee
html-marquee标签实现上下滚动走马灯
qq_36972185的博客
03-01 1044
示例 <div style="background-color: #00c4cc;border-radius: 30px;margin: 8px;"> <marquee behavior=scroll direction=up> <div style="height: 200px;"> <div style="display: flex;justify-content: cente
marquee实现文字滚动
04-25 663
marquee用法的详细解释<MARQUEE ALIGN="…"     　　behavior="…"  　　BGCOLOR="…"  　　DIRECTION="…"  　　HEIGHT="…"  　　WIDTH="…"  　　HSPACE="…"  　　VSPACE="…"  
marquee,图片连续滚动,不留空白
diquren的专栏
05-12 4468
在网上有类似的方法,原来一直认为必须是asp的程序,而在asp.net里用不了,结果在vs2005里照着改一下居然好用,下面是我按照我要的效果做的方法: (图片是从数据库中取路径,page_load()的时候赋的url,是一个长图片从右至左不间断的滚动)     var speed=40 //调整滚动速度  m0.innerHTML=mtext.innerHT
marquee实现连续不间断滚动图片效果【转载】
11-13 1053
 先了解一下对象的几个的属性：innerHTML:     设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft:    设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:     设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:   获取对象的滚动宽度offsetH
marquee （垂直）循环滚动的js实现
weixin_30764771的博客
03-18 233
<script type="text/javascript" language="javascript">/*My Marquee SCRIPT Start*/var m_m_p_delay = 40;/*每30ms移动1次*/var m_m_p_step = 1;/*每次移动1px*/var m_m_p_pN = 1;/*每次移动1px*/var m_m_d_id = 'm...
marquee无缝上下滚动
最新发布
01-26
以下是使用JavaScript实现marquee无缝上下滚动的示例代码： ```html <!DOCTYPE html> .marquee-container { height: 100px; overflow: hidden; } .marquee-content { animation: marquee 10s linear ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值