当前位置:首页 > 网站应用

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

cjw1231年前 (2024-09-20)网站应用3420
<!--要完成此效果需要三个步骤
第一步:把如下代码加入到<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://www.cjw123.com/blog/?id=112

标签: htmlJS
分享给朋友:

相关文章

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

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

纯js三组文字定时向上滚动特效代码

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta&nbs…

css3实现加载动画,边框跑马灯

<style> body{/*让body所有元素正居中*/ display:flex; justify-content:center;/*水平居中*/ align-items: center;/*垂直居中*/ height:100vh;/*不加高,无法垂直居中…

css3设计伪元素实现太极阴阳图并旋转

<style> body{margin:0;} .wrap{ position:relative; width:200px; height:100px; background-color:#fff; margin:50px auto; border-width:…

霓虹灯文字代码

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title&g…

404html页面-螺丝松动

<!DOCTYPE html> <html lang="zh-CN"> <head>     <meta charset="UTF-8">…

发表评论

访客

看不清,换一张

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