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

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

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

js弹出居中窗口特效

<html> <head> <title>弹出窗口效果</title> <style> .black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;...

分享一些可用的网站生成图片接口地址(网站截图api接口)

做导航网站时,处于设计需要及提高用户体验,可能需要给网站截图以调用显示,这就需要把网站生成图片,手动操作可以使用截图工具,或是使用谷歌浏览器开发者工具命令screenshot来生成网站截图,也可使用一些在线网站生成图片的工具,这些都可以把网站生成图片,那么如何自动为网站生成图片?网址截图api接口又...

彩色流转文字代码

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

嘈杂的声音

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

Q弹果冻

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

发表评论

访客

看不清,换一张

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