当前位置:首页 > 网站应用 > 正文内容

文字特效代码:超酷文字快速展示

cjw1238个月前 (09-20)网站应用1370
<!--要完成此效果需要三个步骤
第一步:把如下代码加入到<head>区域中-->
<style>
.let{
color:white;
font-family:Verdana;
font-weight:bold;
width:500;
filter:Shadow (Color="#6699CC", Direction="135")wave(Add="0", Phase="4", Freq="9", LightStrength="20", Strength="1") ;
}
</style>
<!--第二步:把如下代码加入到<body>区域中-->
<script language="JavaScript">
var regel = 0;            //row to start with
var size = 20;            //size of font
var delay = 1200;         //Delay between messages in msecs
var speed = 20;            //Hmmmmmm
var step = 10;            //Size of each step
var sent = new Array()
{
sent[0] = "欢迎光临";
sent[1] = "本站实例大多来自国外JS站点";
sent[2] = "加拿大.日本.美国.欧洲最多!";
sent[3] = "每天都有全新的JS实例提供给您";
sent[4] = "锁定本站給您最新及最好的资料";
sent[5] = "HTTP://WWW.#.COM";
}
sent[sent.length] = sent[0];var veran = 0;var num = 0;var x = 0;//Don't change
function moto(){output = "";for(letter = 0;letter<sent[regel+1].length;letter++){
if(veran == letter){if(x==0){num=num+step;}else{num=num-step;}gr = size-num;
if(gr < 1){x=1;gr=1;}if(gr>size)gr=size;
output += "<font style='font-size:"+gr +"pt'>"+sent[regel+x].substring(letter, letter+1)+"</font>";
if(num < 0 && x==1){veran++;x=0;}}else{if(veran > letter){
output += "<font style='font-size:"+size +"pt'>"+sent[regel+1].substring(letter, letter+1)+"</font>";
}else{output += "<font style='font-size:"+size +"pt'>"+sent[regel].substring(letter, letter+1)+"</font>";}}}
return output;}function startmot(){if(regel==sent.length-1)regel=0;balk.innerHTML = moto();
if(veran==sent[regel+1].length){regel++;veran = 0;setTimeout("startmot()", delay);}else{
setTimeout("startmot()", speed);}}
</script>
<table style="cursor:hand" onclick="location='mailto:11@11.com'" align="center" id="tafel" bgcolor="#008000" width="500" height="60">
<tr>
<td bgcolor="FF6666">
<div class="let" ID="balk" align="center">
</div>
</td>
</tr>
</table>
<!--第三步:把“onload="startmot()"”加在<body>标记里
例如:-->
<body onload="startmot()">


扫描二维码推送至手机访问。

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://cjw123.com/blog/?id=112

标签: htmlJS
分享给朋友:

相关文章

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot...

纸张撕裂动画效果,网站错误404页源码

一款挺好看的404页源码,可以改成自己想要的提示页<html>    <head>    <meta charset="UTF-8"> &nbs...

滚动文字消息代码

网上收集的滚动文字消息代码<!DOCTYPE html>     <html>     <head>     <meta&...

zblogphp二级目录建站,伪静态规则怎么写

如果你的 Z-BlogPHP 站点安装在二级目录中,需要使用伪静态技术来优化站点的 URL,并提升搜索引擎蜘蛛的抓取效率。下面是一个 nginx 的伪静态规则示例:# 子目录规则要排在前边; location /sub/ {    &n...

CSS心形缠绕转动效果

CSS心形缠绕转动效果是一种有趣的动画效果,能够给网页带来浪漫而动感的氛围。这个效果将一个心形图案无限旋转,并且同时绕着一个中心点缠绕旋转。通过巧妙地运用CSS的动画属性和变换属性,你可以实现这个效果。首先,使用CSS创建一个心形图案,可以通过调整元素的宽高、边框、背景色等属性来塑造心形的形状。然后...

打字机效果的带超链接的新闻标题

<html> <head> <title>打字效果的带链接的新闻标题</title> <meta http-equiv="Content-Type" content="text/html;&...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。