[代码收集]JavaScript文字晃动而出切换效果代码 - 笑忘书网页代码收藏馆 - 35230.WODEMO.COM

首页-代码 2013-11-03 00:04:50 -0700

★JavaScript文字晃动代码★

请勿抄袭本页面

代码说明

超酷文字展现，晃动而出，悄悄而去。转自网页教学网

html代码

<style>
.let{
color:yellow;
font-family:Verdana;
font-weight:bolder;
width:98%;
filter:Shadow (Color="#668833", Direction="135")wave(Add="0", Phase="4", Freq="9", LightStrength="20", Strength="1") ;
}
</style>
<script language="JavaScript">
var regel = 0;            //row to start with
var size = 15;            //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] = "我的磨(http://wodemo.com)";
sent[1] = "简洁绿色自由的网站";
sent[2] = "面向国内外的广大用户";
sent[3] = "免费提供网络存储空间";
sent[4] = "更多更好的功能等待开发";
sent[5] = "加入我的磨吧，亲";
}
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" align="center" id="tafel" bgcolor="darkred" width="98%" height="60" onclick="window.open('http://35230.wodemo.com');">
<tr>
<td bgcolor="#6F00D2">
<div class="let" ID="balk" align="center">
</div>
</td>
</tr>
</table>
<body onload="startmot()">

代码演示

[代码仅供参考，转载请注明出处]

----Comments(2)----
笑忘书 (@35230) | @ at 2013-11-06 02:35:
谢谢~

@000520 | @ at 2013-11-05 06:36:
很好，永远支持你

Subscribe | Register | Login | N