ホームページ > 記事 > ウェブフロントエンド > JSディゾルブフォームのテキスト切り替え特殊効果_テキスト特殊効果

JSディゾルブフォームのテキスト切り替え特殊効果_テキスト特殊効果

WBOYオリジナル: 2016-05-16 18:41:561333ブラウズ

<title>JS ディゾルビングテキスト切り替えエフェクト</title>

<br><input onclick="runEx('runcode80398')" type="button" value="运行代码"><input onclick="doCopy('runcode80398')" type="button" value="复制代码"> <input onclick="doSave(runcode80398)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A すべて選択 注: </a>外部 Js を導入する必要がある場合は、</div> を実行するために更新する必要があります]<script> 
messages = new Array() 
messages[0] = "脚本之家,都知道吧?" 
messages[1] = "我们更关注开源,欢迎发布开源源代码" 
messages[2] = "提供给你一个有质量的源代码资料站" 
mescolor = new Array() 
mescolor[0] = "000000" 
mescolor[1] = "FF0000" 
mescolor[2] = "008800" 
messize = new Array() 
messize[0] = "30pt" 
messize[1] = "30pt" 
messize[2] = "30pt" 
var i_messages = 0 
var timer 
function dotransition() { 
if (document.all) { 
content.filters[0].apply() 
content.innerHTML = "<span style='color:"+mescolor[i_messages]+";font-size:"+messize[i_messages]+";filter: revealTrans(Transition=12, Duration=3)'>"+messages[i_messages]+"" 
content.filters[0].play() 
if (i_messages >= messages.length-1) { 
i_messages = 0 
} 
else { 
i_messages++ 
} 
}

if (document.layers) { 
document.content.document.write("<span style='color:"+mescolor[i_messages]+"'>"+messages[i_messages]+"") 
if (i_messages >= messages.length-1) { 
i_messages = 0 
} 
else { 
i_messages++ 
} 
} 
timer = setTimeout("dotransition()",4999) 
}

</script>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTML ページのコンテンツの一部を新しい HTML file_jquery に保存する jquery コード次の記事：HTML ページのコンテンツの一部を新しい HTML file_jquery に保存する jquery コード

続きを見る

JSディゾルブフォームのテキスト切り替え特殊効果_テキスト特殊効果

関連記事