`

<marquee>aa</marquee>实现内容滚动时首尾相连，不出现空白的时候

 
阅读更多 
<HTML>
<HEAD>
</HEAD>
<BODY>



<div id=demo style='overflow:hidden;height:32px;width:809px;'>
<table height='' border=1 cellspacing=0 cellpadding=0>
<td id=demo1>
<!--   下面是你要显示的内容   -->
<table width=809>
<tr>
<td>1</td><td>2</td><td>3</td><td>3</td><td>3</td><td>3</td><td>3</td><td>3</td><td>3</td><td>3</td>
</tr>
</table>
            <!--   显示的内容结束！   -->
</td>
<td id=demo2></td>

</table>
</div>


<script>

 var speed=15; //移动速度
 demo2.innerHTML=demo1.innerHTML;
 function Marquee1(){
    if(demo2.offsetWidth-demo.scrollLeft <=0){
		demo.scrollLeft-=demo2.offsetWidth;
	}else{
		demo.scrollLeft++;
    }
 }
 var MyMar=setInterval(Marquee1,speed);
 demo.onmouseover=function(){clearInterval(MyMar)}
 demo.onmouseout=function(){MyMar=setInterval(Marquee1,speed)}
</script>
</td>
    </tr>

</BODY>
</HTML>
分享到：
| 三种东西永远不要放到数据库里
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html标记大全 有marquee，table，form等最常用标记。

    ...&lt;! - - ... - -&gt; 批注 &lt;!&gt; 跑马灯 &lt;marquee&gt;...&lt;/marquee&gt;普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt;滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt;预设...&lt;marquee direction=’left’&gt;&lt;/marquee&gt;向左卷动

    Marquee的使用

    该标签支持的属性多达11个：&lt;br/&gt;&lt;br/&gt;align&lt;br/&gt;设定&lt;marquee&gt;标签内容的对齐方式&lt;br/&gt;absbottom：绝对底部对齐（与g、p等字母的最下端对齐）&lt;br/&gt;absmiddle：绝对中央对齐&lt;br/&gt;baseline：底线对齐&lt;br/&gt;bottom：...

    html标签属性大全（整理已完成）

    &lt;marquee&gt;...&lt;/marquee&gt;普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt;滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt;预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt;来回卷动 &lt;marquee direction=down&gt;.....

    附录A HTML常用标签附录A HTML常用标签

    &lt;marquee&gt;...&lt;/marquee&gt; 普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt; 滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt; 预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt; 来回卷动 &lt;marquee direction=down&gt;...

    HTML标签属性大全

    &lt;marquee&gt;...&lt;/marquee&gt;普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt;滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt;预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt;来回卷动 &lt;marquee direction=down&gt;.....

    html代码的所有代码属性

    &lt;marquee&gt;...&lt;/marquee&gt;普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt;滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt;预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt;来回卷动 &lt;marquee direction=down&gt;.....

    HTML标签marquee实现滚动效果

    HTML标签marquee实现滚动效果，实现文字在网页中漂移的代码。

    marquee 用法详解

    &lt;marquee&gt; ... &lt;/marquee&gt; 移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等 方向 &lt;direction=#&gt; #=left, right ,up ,down &lt;marquee direction=left&gt;从右向左移！&lt;/marquee&gt; 方式 ...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;td width="594" height="16" valign="top" background="/images/index_13.jpg"&gt;&lt;script language='JavaScript' type='text/JavaScript' src='/Article/js/menu.js'&gt;&lt;/script&gt; &lt;script type='text/javascript' ...

    yingyong07

    &lt;p class="STYLE4"&gt;&lt;a href="jsp/main.jsp"&gt;&lt;dfn&gt;&lt;u&gt;&lt;tt&gt;&lt;marquee direction="left" scrollamount="6" width="400"&gt;欢迎来到姚伦新闻网站&lt;/marquee&gt;&lt;/tt&gt;&lt;/u&gt;&lt;/dfn&gt;&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;p&gt;&nbsp;&lt;/p&gt; &lt;p&gt;&nbsp;&lt;/p&gt;...

    javascript marquee

    &lt;tr&gt; &lt;td width="30"&gt; &lt;a href="#" onClick="clickdiv()" id="aa"&gt;向左 &lt;/a&gt; &lt;/td&gt; &lt;td&gt; &lt;DIV id=demo style="OVERFLOW: hidden; WIDTH: 750px; COLOR: #ffffff"&gt; &lt;table cellSpacing=0 cellPadding=0 align=left...

    轮播服装饰品鞋帽美容护肤皮具包 免费淘宝装修模板

    &lt;MARQUEE scrollAmount=1 scrollDelay=50 direction=up height=145&gt;文字向上滚动，双击在框内写文字，千万不要拉动或删除这个框哦~&lt;/MARQUEE&gt;&lt;/TD&gt; &lt;TD colSpan=5&gt;&lt;img height=44 alt="" src=...

    向左不间断（无缝）滚动图片js代码下载

    向左不间断（无缝）滚动图片js代码，这个代码用的人相信很多，有一点不好的就是当图片不足时不会滚动，所以使用时要多加几张图片。 ---------------------------------------------- &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt;向左不...

    marquee课件讲解ppt

    该课件是关于marquee的讲解： 方向：&lt;direction=#&gt; #=left, right,up,down &lt;marquee direction=left&gt;从右向左移！&lt;/marquee&gt; 方式：&lt;bihavior=#&gt; #=scroll, slide, ...&lt;marquee behavior=alternate&gt;来回走&lt;/marquee&gt;

    全新首页新帖调用for dvbbs7.0 sp2

    &lt;/b&gt;&lt;/font&gt;&lt;script src=http://3327.Net.CN/newtopic1.asp?boardid=all&lock=0&bname=0&tlen=10&n=8&sdate=&orders=4&info=0&action=1&reply=0&showpic=0&gt;&lt;/script&gt;&lt;/marquee&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;br&gt; &lt;br&gt; 2.在论坛...

    淘宝装修模板

    &lt;table class="col-sub"&gt;&lt;div class="box tshop-pbsm tshop-pbsm-ssd10c"&gt;&lt;div class="shop-custom no-border"&gt;&lt;div class="bd"&gt;&lt;div class="custom-area"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;table border="0" cellSpacing=...

    QPlayer左下角悬mp3音乐播放器插件.zip

    &lt;div class="musicTag marquee"&gt; &lt;strong&gt;歌名&lt;/strong&gt; &lt;span&gt; - &lt;/span&gt; &lt;span class="artist"&gt;歌手&lt;/span&gt; &lt;/div&gt; &lt;div class="progress"&gt; &lt;div class="timer left"&gt;0:00&lt;/div&gt; &lt;div class="contr"&gt; &lt;div class=...

    jquery滚动代码

    &lt;div id=demo align=left cellpadding=0 cellspace=0 border=0&gt;&lt;tr&gt;&lt;td id=demo1 valign=top&gt;&lt;img src="http://www.lanrentuku.com/down/js/images/12460764740.jpg"&gt;&lt;img src=... [removed] var speed=30 ...

    基于客房管理系统代码 开发者 刘尧涛

    &lt;td width="27%"&gt;&lt;div align="center"&gt;&lt;strong&gt;&lt;font color=green&gt; 登入名&lt;/font&gt;&lt;font color=green&gt;:&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;&lt;/td&gt; &lt;td width="73%"&gt; &lt;input name="id" type="text" size="20" maxlength="20"&gt;&lt;a...

    HTML语法大全_html语言语法大全(必看)

    004 &lt;marquee&gt;…&lt;/marquee&gt;普通卷动  005 &lt;marquee behavior=slide&gt;…&lt;/marquee&gt;滑动  006 &lt;marquee behavior=scroll&gt;…&lt;/marquee&gt;预设卷动  007 &lt;marquee behavior=alternate&gt;…&lt;/marquee&gt;来回卷动  008 ...

Magicbox
Global site tag (gtag.js) - Google Analytics