`

<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>


分享到:
评论

相关推荐

    Marquee的使用

    &lt;marquee behavior="slide"&gt;单向滚动,不重复&lt;/marquee&gt; ``` ##### 3. bgcolor 属性 `bgcolor` 属性用于设定 `&lt;marquee&gt;` 的背景颜色。可以通过RGB、十六进制值或颜色名称来指定颜色。 示例代码如下: ```html ...

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

    &lt;p&gt;&lt;strike&gt;删除线文本&lt;/strike&gt; &lt;s&gt;不准确的文本&lt;/s&gt; &lt;del&gt;已删除的文本&lt;/del&gt;&lt;/p&gt; ``` #### 5. 换行与分隔线 - **换行**:`&lt;br&gt;`。用于强制换行。 - **水平分隔线**:`&lt;hr&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;.....

    利用Marquee实现无缝循环滚动文字

    &lt;marquee&gt;滚动的内容&lt;/marquee&gt; ``` - **常用属性**: - **`direction`**: 指定内容滚动的方向,可选值包括`left`、`right`、`up`和`down`。 - 示例:`&lt;marquee direction="left"&gt;向左滚动的文字&lt;/marquee&gt;` ...

    marquee嵌套这后出现的效果

    对于嵌套`&lt;marquee&gt;`,可以使用JavaScript事件监听器来实现更精细的控制,比如在某个`&lt;marquee&gt;`滚动到特定位置时改变另一个`&lt;marquee&gt;`的属性。 为了更好地理解嵌套`&lt;marquee&gt;`的实际效果,通常需要查看具体的HTML...

    HTML标签marquee实现滚动效果

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

    html常用代码大全

    * 预设滚动:&lt;marquee behavior=alternate&gt;...&lt;/marquee&gt; * 来回滚动:&lt;marquee direction=down&gt;...&lt;/marquee&gt; * 向下滚动:&lt;marquee direction=up&gt;...&lt;/marquee&gt; * 向右滚动:&lt;marquee direction=right&gt;&lt;/marquee&gt; ...

    会移动的文字(Marquee)

    描述中提到的“博文链接”是一个ITEYE博客文章,虽然没有具体内容提供,但我们可以推测这篇文章可能讲解了如何使用`&lt;marquee&gt;`标签来创建滚动文字效果,并可能涉及了一些相关的代码示例和技巧。 标签中的“源码”...

    HTML语法大全---入门教程

    例如:&lt;h1&gt;这是标题&lt;/h1&gt;,其中 &lt;h1&gt; 是开始标签,&lt;/h1&gt; 是结束标签,"这是标题" 是内容。 HTML 标签 HTML 标签可以分为两类:单标签和双标签。单标签只有开始标签,没有结束标签,例如:&lt;hr&gt; 水平线标签。双标签...

    文字滚动代码 marquee style="WIDTH: 388px;

    ### 文字滚动代码详解:`&lt;marquee&gt;` 标签及其属性 在网页设计与开发过程中,有时我们需要实现一些简单的动态效果,例如滚动的文字或图片等。这些效果可以通过使用 HTML 的 `&lt;marquee&gt;` 标签来轻松实现。下面将详细...

    网页制作滚动图片代码

    以上内容总结了如何使用`&lt;marquee&gt;`标签来实现网页上的滚动图片效果,包括基本滚动、复杂滚动、颜色和样式设置等知识点。这些技巧对于网页设计师来说非常实用,可以帮助他们快速地在网页上实现动态效果。

    HTML中实现文字各种滚动

    通过以上介绍,我们可以看到`&lt;marquee&gt;`标签虽然功能有限,但在实现简单的文字滚动效果方面仍然具有一定的实用价值。对于初学者来说,掌握这一标签的基本用法不仅有助于理解HTML的基本机制,也能为日后学习更高级的...

    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' ...

    制作滚动字幕,很方便!

    &lt;MARQUEE&gt;这是滚动的文字&lt;/MARQUEE&gt; ``` 这将创建一个默认从右向左滚动的文本。但通常我们需要更多的控制选项,例如滚动的方向、速度等。 #### 三、参数详解 1. **`scrollAmount`**: 指定滚动的速度(单位为像素...

    公告滚动动画,从右到左滚动,marquee标签效果

    需要注意的是,虽然`&lt;marquee&gt;`在许多浏览器中仍然可用,但它并不是一个W3C推荐的标准标签,因此在现代Web开发中,更推荐使用JavaScript库或CSS动画来实现类似的效果,如jQuery的`slideUp`和`slideDown`,或者使用...

    网页设计 滚动代码

    这段文本主要涉及了`&lt;marquee&gt;`标签的应用,并展示了多种不同的滚动效果。接下来,我们将详细解释这些代码片段所包含的知识点。 ### 一、基本概念:`&lt;marquee&gt;`标签 在HTML中,`&lt;marquee&gt;`标签用于创建自动滚动的...

    marquee属性

    &lt;marquee behavior="alternate"&gt;交替滚动示例&lt;/marquee&gt; ``` #### 3. `direction` 属性 `direction` 属性定义了元素的滚动方向,主要分为以下几种: - **down**:元素向下滚动。 - **up**:元素向上滚动。 - **...

    marquee嵌套这后出现的效果.rar

    值得注意的是,由于`&lt;marquee&gt;`标签是非标准的,它可能在某些现代浏览器中不被支持,因此在实际开发中,开发者通常会使用CSS动画或者JavaScript库(如jQuery)来实现类似的效果,以保证更好的兼容性和性能。...

    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;...

Global site tag (gtag.js) - Google Analytics