可将以下代码经过修改文字后拷贝到您的个性模板源码中或某篇文章的源码中。
1.代码:
<marquee scrollAmount=2 width=300>我是nancy</marquee>
<marquee scrollAmount=2 width=300><IMG src="图片连接地址 " border=0></marquee>
2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
3.实例:
a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。如下效果,代码是<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>,点击中央电视台就可以进入了:
b)如何制作当鼠标停留在文字上,文字停止滚动?
代码如:
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
c)交替效果。代码如:
<marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
d)多行文本向上滚动。代码如:
<marquee scrollAmount=2 width=300 height=160 direction=up>?早晨好啊!<br>?空气好清新啊<br>?今朝食乜好呢?<p>?<a href=http://www.cctv.com>中央电视台</a></marquee>
?注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:
<script>document.write('<marquee scrollAmount=2 width=300 height=160 direction=up>?早晨好啊!<br>?空气好清新啊<br>?今朝食乜好呢?<p>?<a href=http://www.cctv.com>中央电视台</a></marquee>')</script>
e)改变滚动字幕的颜色?可以用样式表来控制。如下效果,代码是<marquee scrollAmount=2 width=300><a style=color:CC6600>我是nancy</a></marquee>。
由上可以看出,HTML代码是可以随意组合的。
分享到:
相关推荐
在IT行业中,"不间断滚动图片"和"滚动文字"是一种常见的网页动态效果,常用于新闻网站、广告展示或产品介绍等场景。这种效果能够吸引用户的注意力,提高信息的传播效率。接下来,我们将深入探讨实现这些效果的技术...
《jQuery图片文字滚动插件详解及应用实践》 在网页设计中,动态效果常常能吸引用户的注意力,提高网站的互动性和用户体验。其中,图片和文字的滚动展示是一种常见且有效的手段,尤其适用于新闻资讯、广告宣传等场景...
【文字图片无缝滚动】是一种常见的网页动态效果,用于在有限的空间内展示大量文字或图片,通过不断滚动的方式,使得信息能够连续、平滑地呈现,提高用户体验。在本主题中,我们将深入探讨如何使用JavaScript来实现...
当文字滚动出视口时,将其重新设置为初始位置,实现无缝滚动效果。 3. **实例分析**: 压缩包中的`文字上翻.html`可能是演示文字翻滚的一个例子,可能使用了JS动态改变元素的`top`或`transform`属性,使得文字看...
在本文中,我们将深入探讨如何在WPF(Windows Presentation Foundation)环境中实现一个特定区域内的循环滚动文字效果。WPF是.NET Framework的一部分,提供了一个强大的、基于XAML的用户界面框架,用于构建美观且...
本文将深入探讨如何使用JavaScript来实现文字和图片的无缝滚动效果,以及如何通过复制和应用提供的js代码来创建这些效果。 无缝滚动技术的主要目标是让页面内容(无论是文字还是图片)在不中断视觉连续性的情况下...
图片文字不间断滚动,图片文字不间断滚动,图片文字不间断滚动,图片文字不间断滚动
这段代码提供了一种简单的实现图片和文字滚动的方法,适合于任何Web开发场景。通过对HTML结构的合理设计以及JavaScript的巧妙运用,不仅实现了美观的滚动效果,还增加了良好的用户交互体验。开发者可以根据自己的...
标题提到的"图片滚动,文字滚动,图片横竖滚动,超好的横竖同时无缝隙滚动代码,js,滚动特效"是网页设计中的常见技术,主要用于创建引人注目的交互式内容。这种技术主要依赖于JavaScript,一种广泛用于客户端网页...
5. **懒人图库.txt**:可能包含了推荐的图片资源库链接,方便用户获取适合的文字滚动背景图片。 6. **懒人图库.url**:快捷方式,直接指向一个图片资源网站,便于用户查找和下载图片。 7. **js**:这个目录可能包含...
1. **单行滚动**:这是最基础的文字滚动方式,适用于展示一行文字或图片。在`单行滚动.html`中,jQuery可能使用了`.slideUp()`和`.slideDown()`方法来模拟向上或向下的滚动效果。这些方法会改变元素的高度,从而实现...
### 利用Marquee实现无缝循环滚动文字 在网页设计中,为了使页面更加生动、吸引人,常常会使用到动态效果。其中一种常见的动态效果就是利用`<marquee>`标签来实现文字或图片的自动滚动。不过,在提供的代码片段中,...
通过以上介绍,我们可以看到`<marquee>`标签虽然功能有限,但在实现简单的文字滚动效果方面仍然具有一定的实用价值。对于初学者来说,掌握这一标签的基本用法不仅有助于理解HTML的基本机制,也能为日后学习更高级的...
对于"jquery图片文字滚动插件多组图片文字间歇滚动"的需求,我们可以构建一个自定义的jQuery插件。首先,我们需要在HTML中创建包含图片和文字的结构,可能类似于这样: ```html <p>Text 1 <p>Text 2 ...
标题中的“WINCE文字滚动实例”指的是在Windows CE操作系统环境下实现文字滚动的示例程序。Windows CE是一个嵌入式操作系统,常用于掌上设备、工业设备等。在这样的平台上,通常需要高效且节省资源的界面展示方式,...
在“易语言实现无限多的文字滚动”这个主题中,我们主要讨论的是如何利用易语言来创建一个可以持续滚动显示大量文本的程序。 在易语言中,实现文字滚动的关键在于对字符串的操作和时间控制。首先,你需要创建一个...
### 滚动图片代码详解 #### 一、概述 在网页设计中,滚动图片是一种常用的视觉效果,它可以通过JavaScript来...这种技术不仅适用于背景图片的滚动,也可以扩展应用于其他类型的动态效果,如滚动文字、广告轮播等。
本主题将深入探讨如何实现一个自定义的滚动文字控件,支持文本在四个方向(上、下、左、右)上的滚动效果。这个控件对于显示通知消息、广告文本或任何需要动态展示的文字内容特别有用。 首先,我们要了解WPF中的...
文字轮播,主要是横竖上下轮播,jquery手写滚动数据。自动添加尾部,再从头滚动。
【jQuery左右图片自动滚动特效】 在网页设计中,图片滚动效果常常被用于展示产品或服务,为用户带来更丰富的视觉体验。"jQuery左右图片自动滚动特效"是一个利用jQuery库实现的动态图片展示功能,它允许图片以自动化...