`
ljl_xyf
  • 浏览: 636166 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

滚动文字代码大全

    博客分类:
  • html
UP 
阅读更多

1. 文字来回滚动:

文字来回滚动

 

 代码: <MARQUEE scrollAmount=3 behavior=alternate>文字来回滚动</MARQUEE>

 

2. 向右移动的竖排文字:

 

向右移动的竖排文字
向右移动的竖排文字
向右移动的竖排文字
向右移动的竖排文字

 代码: <MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3 scrollDelay=0 direction=up width=250 height=150>
<P align=left>向右移动的竖排文字</SPAN><BR>向右移动的竖排文字<BR>向右移动的竖排文字<BR>向右移动的竖排文字</P></MARQUEE>

 

3. 向上移动的文字:

 

向上移动的文字
向上移动的文字

 

代码: <MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=up>向上移动的文字<BR>向上移动的文字</MARQUEE>

 

4. 向下移动的文字:

 

向下移动的文字
向下移动的文字

 

代码: <MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=down>向下移动的文字<BR>向下移动的文字</MARQUEE>

 

5. 从右向左滚动

 

从右向左滚动

代码: <MARQUEE scrollAmount=2>从右向左滚动</MARQUEE>

 

6. 从左向右滚动:

 

从左向右滚动

代码: <MARQUEE scrollAmount=2 direction=right>从左向右滚动</MARQUEE>

 

7. 上下反弹:

 

上下反弹

代码: <MARQUEE style="WIDTH: 700px; HEIGHT: 150px" scrollAmount=2 direction=up behavior=alternate>上下反弹</MARQUEE>

 

8. 从左向右文字波浪式移动:

 

从左向右文字波浪式移动

代码: <MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up behavior=alternate width="80%">
<MARQUEE direction=right>从左向右文字波浪式移动</MARQUEE></MARQUEE>

 

9. 文字来回波浪式移动:

 

文字来回波浪式移动

代码: <MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up behavior=alternate width="80%">
<MARQUEE direction=right behavior=alternate>文字来回波浪式移动</MARQUEE></MARQUEE>

 

10. 躲躲字,跑给你追:

 

躲躲字,跑给你追

代码: <MARQUEE behavior=alternate><MARQUEE scrollAmount=5 width=150>躲躲字,跑给你追</MARQUEE></MARQUEE>

 

11. 原地跳动的文字:

 

http://www.my400800.cn

代码: <MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE>

 

12. 波浪字:

 

波浪字
波浪字

代码: <MARQUEE style="FILTER: wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)" scrollAmount=2 scrollDelay=65 direction=up behavior=alternate height=120><CENTER>波浪字<BR>波浪字</CENTER></MARQUEE& gt;

 

13. 由中间向两边移动的文字:

欢迎光临   欢迎光临

代码: <P align=center><FONT color=#ee110e size=7 face=宋体>
<MARQUEE height=50 width=600>欢迎光临 </MARQUEE></FONT></MARQUEE><FONT color=#ee110e size=7 face=宋体><FONT color=#ee1111 size=7 face=宋体>
<MARQUEE direction=right height=50 width=600>欢迎光临</MARQUEE></FONT></MARQUEE></FONT& gt;</FONT></P>
<P align=center><FONT color=#ee110e size=7 face=宋体>

 

14. 由上下向中间移动的字体:

 

祝你快乐 祝你快乐

代码: <P align=center>
<MARQUEE style="WIDTH: 510px; HEIGHT: 60px" direction=down height=60 scrollAmount=2>
<CENTER><FONT color=#ff0000 size=5 face=隶书><B>祝你快乐</B></FONT></CENTER></B& gt;</MARQUEE></P>
<CENTER><MARQUEE style="WIDTH: 513px; HEIGHT: 60px" direction=up height=60 scrollAmount=2>
<CENTER><FONT color=#ff0000 size=5 face=隶书><B>祝你快乐</B></FONT></CENTER></B& gt;</MARQUEE></CENTER>

 

15. 左右运动的文字:

 浏览愉快
浏览愉快

代码: <DIV align=center><MARQUEE direction=right height=50 width=600><DIV align=center> <FONT color=#ff0000 size=5>浏览愉快</FONT></DIV></MARQUEE></DIV>
<DIV align=center>
<MARQUEE height=50 width=600><DIV align=center><FONT color=#ff0000 size=5 face=隶书>浏览愉快</FONT></DIV></MARQUEE></DIV>

 

注: 各参数详解:http://www.my400800.cn

      1) scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

      2) width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

      3) direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

      4) scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

     5) behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

分享到:
评论

相关推荐

    网页中滚动字的源代码

    本篇将详细阐述网页中横向左右滚动文字的实现方法,以及如何通过调整代码参数来定制滚动速度、方向和样式。 ### 滚动文字的基本HTML代码 网页中的滚动文字主要依赖于`&lt;marquee&gt;`标签来实现。这个标签允许网页元素...

    无缝向上滚动文字代码兼容各种浏览器

    无缝向上滚动文字代码,正如其名,旨在实现一种在页面上连续、平滑且无中断的文字滚动效果,而且这种效果应该能在各种浏览器上正常工作,包括但不限于Chrome、Firefox、Safari、Edge以及Internet Explorer等。...

    网页设计文字滚动代码

    博客美化:喜欢让文字跑来跑去?跑马灯范例让你文字跑...1. 文字来回滚动: 文字来回滚动 代码: 文字来回滚动 2. 向右移动的竖排文字: 向移动的竖排文字 向右移动的竖排文字 向右移动的竖排文字 向右移动的竖排文字

    滚动文字代码

    根据给定的信息,本文将对滚动文字代码进行详细介绍,并结合标题和描述中提及的知识点进行扩展解释。 ### 滚动文字代码概述 在网页设计中,滚动文字是一种常见的动态效果,可以用来显示新闻提要、广告标语或者任何...

    漂亮的网站文字上翻滚动代码

    非常漂亮的文字滚动代码。一个长条方框里的横排文字,向上翻动,有时间间隔控制,非常实用,用于网站公告、消息、广告和新闻,我找了好久才找到,心雅文学网站用的。

    swift-scrollText滚动文字文字滚动一句代码实现传入字符串即可

    "swift-scrollText滚动文字文字滚动一句代码实现传入字符串即可"这个标题暗示了我们可以用一种简单的方法在Swift中快速创建文字滚动效果,无需复杂的布局和动画代码。 描述中的"scrollText滚动文字,文字滚动,一句...

    文字无缝滚动效果代码

    - **准备HTML结构**:创建一个包含滚动文字的容器,例如`&lt;div id="scrolling-text"&gt;&lt;/div&gt;`。 - **编写JavaScript代码**:在`js`目录下的某个文件(可能为`index.js`)中,使用jQuery选择器选中该容器,并应用滚动...

    JS封装的滚动类,文字图片不间断滚动代码大全.rar

    (若内容区域小于显示区域,则自动取消滚动),跳过初始化错误 (避免引起其它滚动的停止),默认值 (除容器ID必选外,其他参数均可根据情况进行选择设置),参数动态赋值,文字滚动不准确 (本次更新主要目的解决此Bug,...

    任务栏滚动文字

    在提供的"codefans.net"这个文件名中,虽然没有直接提供源代码,但可以推测这可能是一个编程论坛或者资源网站,其中可能包含了关于如何实现任务栏滚动文字的相关教程、示例代码或者讨论。如果想要深入了解或实践这个...

    文字滚动代码教程

    ### 文字滚动代码教程知识点详解 #### 一、引言 在网页设计中,动态效果能够有效提升用户体验,增加页面的吸引力。其中,文字滚动是一种常见的动态效果,它可以通过简单的HTML标签实现。本文将详细介绍如何利用`...

    wpf在一定区域内循环滚动文字

    在本文中,我们将深入探讨如何在WPF(Windows Presentation Foundation)环境中实现一个特定区域内的循环滚动文字效果。WPF是.NET Framework的一部分,提供了一个强大的、基于XAML的用户界面框架,用于构建美观且...

    Unity黑客帝国代码滚动文字流动动光束扫描特效shader

    Unity黑客帝国代码流动动光束shader ,挂在摄像机上,配合相应的Shader可以满屏代码跳动效果。可控制流动速率,动态代码颜色,尺寸大小。 这是使用D3D在Windows上的Unity 2018.2.141上制作和测试的。它可能在其他平台...

    web15种滚动代码

    本文将详细解析15种不同的Web滚动代码,帮助开发者实现各种炫酷的滚动文字特效。 1. **文字来回滚动**:使用`&lt;MARQUEE&gt;`标签,设置`scrollAmount`属性控制滚动速度,`behavior`属性设为`alternate`实现来回滚动。 ...

    css3的广告文字向下滚动切换代码.zip

    这是一款简单的css3广告文字向下滚动切换代码,css文字滚动轮播效果,可自定义文字样式跟背景颜色。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;简单的CSS...

    各种文字滚动代码(适用公告)for phpwind.rar

    标题中的“各种文字滚动代码(适用公告)for phpwind.rar”指的是一个专为phpwind论坛系统设计的文字滚动代码集合。phpwind是一款流行的开源社区建站软件,它允许用户创建和管理论坛、博客、问答等互动社区。这个...

    网页文字滚动代码

    网页的文字滚动代码,适用淘宝店铺,可以实现各种文字滚动效果

    JS实现文字间隔性滚动代码

    首先,我们需要在HTML中创建一个包含滚动文字的容器,例如`&lt;div&gt;`,并为其设置合适的CSS样式,以便容纳滚动的文字。 ```html 这里是滚动的文字 ``` 2. CSS样式设置: 为了让文字滚动,我们可能需要设置`overflow`...

    vb滚动文字(内含用户控件)

    开发者将滚动文字的功能封装在一个独立的组件中,可以在多个项目中重复使用,简化了代码并提高了效率。 6. **事件处理**:滚动控件可能还会包含一些自定义事件,比如滚动开始、滚动结束,以及其他交互事件,以便在...

    Flash版的内容文字滚动源代码文件.rar

    标题中的“Flash版的内容文字滚动源代码文件.rar”表明这是一个基于Flash技术的,用于实现文字滚动效果的源代码集合。Flash是一种广泛应用于网页设计、动画制作和交互式内容开发的技术,尤其是在早期互联网时代,它...

    30多种上下左右滚动代码兼容各种浏览器

    连续滚动是最基础的滚动效果,它可以让文字或图片持续不断地从一侧滚动到另一侧。这种效果通常用于新闻滚动、公告栏等场景。实现方法通常基于JavaScript,通过定时器设置间隔,改变元素的CSS属性如`left`或`top`来...

Global site tag (gtag.js) - Google Analytics