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

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

cjw1238个月前 (09-20)网站应用1260
<!--要完成此效果需要三个步骤
第一步:把如下代码加入到<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...

CSS3用hover实现百叶窗动画

<style> ul,li{margin:0;padding:0;} ul{ display:flex; margin:0 auto; width:960px; height:500px; outline:1px solid black;...

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

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <t...

纯CSS实现侧边栏浮动在线客服效果

很多人一般在网页的侧边会选择放一个悬浮的在线客服,方便意向客户的联系,网上随便一搜也会有很多代码提供,但是大多都是JS书写的,并且夹带着一些图片素材乱七八糟的东西,用起来很不方便。今天我们就教给大家一个纯css书写的在线客服效果首先我们有如下html结构<div class=&quo...

霓虹灯

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">...

嘈杂的声音

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">...

发表评论

访客

看不清,换一张

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