JavaScript实例-文字特效1-文字滚动

文字滚动效果：

文字滚动

代码：

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head><title>跑马灯大全</title>
<script LANGUAGE="JavaScript">
var Mes=new Array();
Mes[0]="脚本之家欢迎你！ ";
Mes[1]="感谢你关注脚本之家教程 ";
Mes[2]="网页特效　之　跑马灯效果大全 ";
var place=1;
var i=0;
function scroll()
{
window.status=Mes[i].substring(0, place);
if (place >= Mes[i].length)
{
if(i<2)
{
i++;
place=1;
window.setTimeout("scroll()",50);
}
else
{
i=0;
place=1;
window.setTimeout("scroll()",50);
}
}
else {
place++;
window.setTimeout("scroll()",50);
}
}
</script>
</head>
<form name="shooterform" method="get">
<body onload="scroll();">
<marquee>滚动的文字</marquee>
<marquee behavior=alternate>表示双向移动</marquee>
<marquee direction=left>表示运动方向向左</marquee>
<marquee width=400 behavior=alternate direction=left align=middle border=1>弹来弹去跑马灯!</marquee>
<marquee scrollamount="30">表示运动方向向左</marquee>
<marquee width=90%>
<a href="http://www.jb51.net"　target=_blank>带有超链接的跑马灯!点我试试？</a><a href="http://www.baidu.com" target=_blank>还有一条呢!点我试试？</a>
</marquee>
<table width="93%" border="1" cellspacing="0" cellpadding="1" align="center" class="p1">
<tr>
<td width="42%">参数</td>
<td width="58%">用法介绍</td>
</tr>
<tr>
<td width="42%">behavior=scroll, slide, alternate</td>
<td width="58%">跑马方式：循环绕行，只跑一次就停住，来回往复运动</td>
</tr>
<tr>
<td width="42%">direction=left,right</td>
<td width="58%">跑马方向：从左向右，从右向左</td>
</tr>
<tr>
<td width="42%">loop=100</td>
<td width="58%">跑马次数：循环100次，如不写默认为一直循环</td>
</tr>
<tr>
<td width="42%">width=100%,height=200</td>
<td width="58%">跑马范围：宽为100%，高为200像素</td>
</tr>
<tr>
<td width="42%">scrollamount=20</td>
<td width="58%">跑马速度：数越大越快</td>
</tr>
<tr>
<td width="42%">scrolldelay=500</td>
<td width="58%">跑马延时：毫秒数，利用它可实现跃进式滚动</td>
</tr>
<tr>
<td width="42%">hspace=20，vspace=20</td>
<td width="58%">跑马区域与其它区域间的空白大小</td>
</tr>
<tr>
<td width="42%">bgcolor=#00FFCC</td>
<td width="58%">跑马区域的背景颜色</td>
</tr>
</table> 　　
</body>
</form>
</html>

查看全文

http://www.taodudu.cc/news/show-4277786.html

文字特效JS代码，演示：
js特效：轮播字
html文字跳动特效,Javascrip实现文字跳动特效
html5文字跳动特效,jQuery网页文字跳动动画特效
html文字波浪,javascript实现飘动波浪文字特效 - YangJunwei
ztext - 简单几行代码创建酷炫 3D 特效文字的开源 JS 库
粒子群算法Fortran代码(OMP并行)
并行优化：OpenMP
OMP schedule子句的用法
多线程之基于积分法与欧拉恒等式法的圆周率计算及OMP优化
对OMP的理解
OMP学习笔记
vs上C/C++并行计算#pragma omp
正交匹配追踪算法OMP（Orthogonal Matching Pursuit）
一种改进的教与学优化算法
tps和tips区别_性能测试：TPS和QPS的区别
性能测试中常见的专业术语：QPS、TPS、并发数、响应时间（RT）、吞吐率和吞吐量【杭州多测师】【杭州多测师_王sir】...
mysql的tps和qps_关于MySQL的TPS和QPS
性能测试(二)-重要性能指标TPS、RT
redis mysql qps_测算Redis处理实际生产请求的QPS/TPS
压力测试概念及方法(TPS/并发量)
Qt中Qlabel 图片拖放显示
解决elementUI上传多张图片出现闪动的bug
图片镜像
Tensorflow2-卷积神经网络实现图片分类
拖拽图片在Label上显示
vertical-align相关解析+图片居中
vue+elementUI同时上传视频和图片并回显
iOS-图片轮播-SDCycleSCrollView的使用
AjaxFileUpload组件结合Struts2异步图片上传

JavaScript实例-文字特效1-文字滚动相关推荐

html文字破碎特效,AE怎么制作破碎文字特效? ae文字破碎效果的制作方法
本例主要讲解利用[碎片]特效制作破碎文字.我现在教你如何制作破碎文字. 1.打开Adobe After Effects CC 2015. 2.在弹出的"欢迎"使用Adobe Aft ...
css文字特效-冰冻文字(带炫光)
原文链接:https://dsx2016.com/?p=1410 公众号:大师兄2016 效果预览使用css制作冰冻文字(带炫光效果) 适用场景: 通常此类效果在视频片头特效出现较多博客上,适用影 ...
html炫光字体代码,css文字特效-冰冻文字(带炫光)
NO.1 效果预览使用css制作冰冻文字(带炫光效果) 适用场景: 通常此类效果在视频片头特效出现较多博客上,适用影评内容,如<> NO.2 最初样式字号微微大一点,字体加粗,颜色随 ...
javascript实例——鼠标特效篇(包含2个实例)
鼠标是现在电脑的基本配置之一,也是最常用的输入命令的工具之一.本文将将一些与鼠标有关系的特效. 1.跟随鼠标移动的彩色星星如题,会根据鼠标的移动而移动,并在鼠标周围随机来回移动,让人感觉在放大缩小. ...
分享111个JS文字特效，总有一款适合您
分享111个JS文字特效,总有一款适合您 111个JS文字特效下载链接:https://pan.baidu.com/s/1Ql-wGwfjovvu78bvpwD-8w?pwd=wqgg 提取码:wq ...
18款js和jquery文字特效代码分享
18款js和jquery文字特效代码分享 jQCloud标签云插件_热门城市文字标签云代码 js 3d标签云特效关键词文字球状标签云代码原生JS鼠标悬停文字球状放大显示效果代码原生js文字动画圆形 ...
python设置字体_Python实现文字特效的方法
Python实现文字特效的方法发布时间:2020-06-24 10:00:12 来源:亿速云阅读:171 作者:清晨不懂Python实现文字特效的方法?其实想解决这个问题也不难,下面让小编带着大 ...
html5 火焰效果图,css3火焰文字特效
这是一款效果非常炫酷的css3火焰文字特效.该css3火焰文字特效仅用10行代码就可以实现,效果特别炫酷. 使用方法 HTML结构使用任意元素来包裹要实现火焰文字特效的文字. jQuery之家 CS ...
html5 制作书架展示 PHP,简单做出HTML5翻页效果文字特效
简单做出HTML5翻页效果文字特效之前在网上看到一款比较有新意的HTML5文字特效,文字效果是当鼠标滑过是出现翻开折叠的效果,类似书本翻页.于是我兴致勃勃的点开源码看了一下,发现其实实现也挺简单的, ...

JavaScript实例-文字特效1-文字滚动

相关文章：

JavaScript实例-文字特效1-文字滚动相关推荐

最新文章

热门文章