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

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

cjw1232年前 (2024-09-20)网站应用5630
<!--要完成此效果需要三个步骤
第一步:把如下代码加入到<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报表双击固定样式,用于对比

在很多报表中,需要鼠标上下选择时显示对比颜色,在双击时显示固定的色表示选中状态。<table style="width:80%" border=1 onmouseover="getrow(this)" onmous…

彩色流转文字代码

根据自己需求修改代码,点击运行预览效果!<style>     #nr{font-size:15px; margin: 0;background: -webkit-linear-gradient(left,#ffff…

流星雨源码特效

<!DOCTYPE html> <html>   <head>     <meta charset="utf-8" />  …

字符乱码特效

<!DOCTYPE html> <html>  <head>   <meta charset="utf-8">      &…

2026免费GoogleSSL无需翻墙

2026年博主亲测,免费好用的90天Google域名SSL证书注册平台,高效且无需VPN翻墙,支持邮件提醒续期。https://buruo.cn/这个站使用的就是GoogleSSL证书。注册登录:使用个人邮箱注册账号,进入控制台,无需实名认证,点击“免费SSL证书”。 证书申请:选择“Go…

发表评论

访客

看不清,换一张

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