滚动字幕特效大全代码 (转)

滚动字幕特效大全代码

代码中的文字改为你的文字就可以了。

1.阴影滚动字

循环滚动:

欢迎来到农夫空间

代码:

<marquee scrollamount=3 FONT style="COLOR=FF0000; FILTER: shadow(colo
r=FFFF33 ); FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">欢迎来到混吧人空间</marquee>

来回移动:

欢迎来到农夫空间

代码:

<marquee behavior="alternate" scrollamount=2 FONT style="COLOR=3300FF;
FILTER: shadow(color=33FFFF ); FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDT
H: 100%">欢迎来到混吧人空间</MARQUEE>

2.投射阴影滚动字

循环滚动:

农夫欢迎你

代码:

<marquee scrollamount=3 font style="FILTER: Shadow(color=#660099,directio
n=135); HEIGHT: 10pt;font-size:25pt" face="隶书" color=#009900>混吧人欢迎你</f
ont></marquee>

来回移动:

农夫欢迎你

代码:

<marquee scrollamount=3 behavior=alternate font style="FILTER: Shadow(col
or=#660099,direction=135); HEIGHT: 10pt;font-size:25pt" face="隶书" color=#00
9900>混吧人欢迎你</font></marquee>

3.发光滚动字

循环滚动:

农夫欢迎你

代码:

<marquee scrollamount=3 FONT style="COLOR: #0033CC; FILTER: glow(color
=FFFF66); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>混吧人欢迎你</B></FONT></marquee>

来回移动:

农夫欢迎你

代码:

<marquee scrollamount=3 behavior=alternate FONT style="COLOR: #0033CC;
FILTER: glow(color=FFFF66); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDT
H: 100%"><B>混吧人欢迎你</B></FONT></marquee>

4.若隐若现滚动字

循环滚动:

农夫欢迎你

代码:

<MARQUEE style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDT
H: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAm
ount=3 FONT><B>混吧人欢迎你</B></FONT></MARQUEE>

来回移动:

农夫欢迎你

代码:

<MARQUEE behavior=alternate style="FONT-SIZE: 30pt; FILTER: alpha(opacity
=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMIL
Y: 华文行楷" scrollAmount=3 FONT><B>混吧人欢迎你</B></FONT></MARQUEE>

代码属性分析:

opacity:设置透明度,取值0至100之间的任意数值,100表示完全不透明;

style:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变;

width:100%则表示参与渐变的对象的宽度,通常都设置为100%。

5.清晰阴影滚动字

循环滚动:

农夫欢迎你

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 20pt; FILTER: dropshadow
(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LIN
E-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>混吧人欢迎你</B></FONT></mar
quee>

来回移动:

农夫欢迎你

代码:

<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 20pt; FI
LTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; C
OLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>混吧人欢迎你
</B></FONT></marquee>

6.波纹效果滚动字

循环滚动:

农夫欢迎你

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,
lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LIN
E-HEIGHT: 100%; FONT-FAMILY: 华文行楷"><B>混吧人欢迎你</B></FONT></mar
quee>

来回移动:

农夫欢迎你

原文链接:滚动字幕特效大全代码

时间: 2024-10-12 18:45:25

滚动字幕特效大全代码 (转)的相关文章

DIV+CSS图片不间断滚动jquery特效(Marquee插件)及移动标签marquee整理

推荐一个jQuery的无缝文字滚动效果,同时也可以滚动图片,也叫做跑马灯效果. 此jquery插件,依托jquery库,能实现各种滚动效果,且让HTML代码符合W3C标准. marquee标签:创建一个滚动的文本字幕,应用于文字.图片.表格. DIV+CSS图片不间断滚动jquery特效,横向不间断不停滚动CSS特效,使用JQ+DIV实现非常实用简单兼容各大浏览器的图片不间断滚动特效(CSS+JQ不间断滚动图片). 使用方法如下: 1.加载JavaScript. 1 <script type=&qu

滚动字幕

1.Designer.cs代码 namespace FollCaption { partial class Form1 { /// <summary> /// 必需的设计器变量. /// </summary> private System.ComponentModel.IContainer components = null; /// <summary> /// 清理所有正在使用的资源. /// </summary> /// <param name=&

cocos2d-x利用CCClippingNode实现滚动字幕

这周单位要做一个人脸美化的项目,查资料遇到这位大牛的博客,地址如下:点击打开链接 我的代码也是在他的基础上进行修改的,但是他对图像的RGB三个通道平等调节,为了适应我的需求,我改成了针对三个通道分别调节.废话不多说,开始上源码 void ImageAdjust(Mat& src, Mat& dst, vector<double> low_in, vector<double> high_in, vector<double> low_out, vector&

制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接, 使用鼠标移动事件控制字幕运动和停止。 2、在下拉列表框中设置五种以上颜色,选择颜色后, 滚动字幕背景色改变成相应颜色

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <!--        时间:2016-12-28        描述:1.制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接,                   使用鼠标移动事件控制

使用UILabel实现滚动字幕移动效果

这个链接中的代码也实现了这种效果 https://github.com/cbpowell/MarqueeLabel 最终效果如下: 原理如下: 1. 获取文本 2. 计算文本宽度 3. 将这个Label放入ScrollView中 4. 将ScrollView的contentSize的宽度设置与文本宽度一致 5. 做动画 *6. 边缘的渐隐效果请使用带透明像素的PNG图片 // // RootViewController.m // // Copyright (c) 2014年 Y.X. All r

js原生 + jQuery实现页面滚动字幕

js原生/jQuery实现页面滚动字幕效果 17:45:49 在新闻列表或者文章列表信息等页面中很容易要求实现字幕滚动的效果,以下为简单的实现页面中滚动字幕的效果 1.jQuery实现页面滚动字幕效果 代码如下: <div class="box"> <ul class="list"> <li>这是滚动加载的第1条数据</li> <li>你猜猜这是第几条滚动加载的文字</li> <li>

C#-循环滚动字幕,timer,从左至右,从右至左,暂停---ShinePans

Lable的Left属性是可以更改的,但是 Right属性不可以更改,所以我们可以利用 这个特点做自加 自减运算 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using S

Android之如何用TextView实现滚动字幕的效果【跑马灯】

TextView 实现滚动字幕效果[跑马灯效果]: android:ellipsize="marquee"//可滚动,star(头部),middle(中部),end(尾部) 超出显示不下的内容用...代替, 实现条件 1.必须设置为单行显示,且TextView中的内容超过它的容纳范围, 2.TextView本身没有焦点,必须设置成可获取焦点 <TextView android:layout_width="100dp" android:layout_height

让视频编辑软件中的滚动字幕停下来的方法

我们在看电视电影等等影片时,总会看到结尾的字幕都是从下往上滚动,有的滚动到中间会停留一段时间,有的则是直接滚上去消失不见.那么在EDIUS中,如何做出滚动字幕停下来再滚走的效果呢?下面,小编给大家讲讲EDIUS滚动字幕的那些事. EDIUS滚动字幕停下来的方法如下: 1.单击时间线面板上的创建字幕按钮,在字幕轨T轨上输入文字上,字幕类型保持静止,然后单击保存: 2.在特效面板里,单击“字幕混合”前的小加号,显示全部的字幕特效: 3.根据需求选择拖入特效“飞入A”或“飞入B”到字幕上:“飞入A”是