javascript實現(xiàn)的動態(tài)文字變換
更新時間：2007年07月28日 15:05:26 作者：
實現(xiàn)文字漸淡顯示的效果代碼如下：
<html>
<head>
<script>
<!--
function HelpArray(len){this.length=len }
HelpText= new HelpArray(5)
HelpText[0]="視點閃客"
HelpText[1]="智慧無邊"
HelpText[2]="魅力無限"
HelpText[3]="十二億中國人的最愛"
HelpText[4]="http://visionflash.blog.sohu.com"
ScriptText=new HelpArray(5)
//*定義文本數(shù)組，一共是五段文本*//
var i = -1
function playHelp() {
if (i==4) { i=0 }
else { i++ }
div1.filters[0].apply()
div1.innerText=HelpText[i]
div1.filters[0].play()
mytimeout=setTimeout("playHelp()",2500)}
//*定義play函數(shù)，并且設(shè)置了時間間隔*//
-->
</script>
<style> <!--
#div1{position:absolute;top:20;left:20;width:480;height:200;
font-family:行書體; color:red;font-size:40;
font-weight:bold;text-align:center;
filter:revealtrans(transition=12,duration=2) }
//*設(shè)置顯示轉(zhuǎn)換濾鏡*//
-->
</style> </head>
<body onload="playHelp()">
<div id="div1" onload="playHelp()"> </div>
</body>
</html>
<html>
<head>
<script>
<!--
function HelpArray(len){this.length=len }
HelpText= new HelpArray(5)
HelpText[0]="視點閃客"
HelpText[1]="智慧無邊"
HelpText[2]="魅力無限"
HelpText[3]="十二億中國人的最愛"
HelpText[4]="http://visionflash.blog.sohu.com"
ScriptText=new HelpArray(5)
//*定義文本數(shù)組，一共是五段文本*//
var i = -1
function playHelp() {
if (i==4) { i=0 }
else { i++ }
div1.filters[0].apply()
div1.innerText=HelpText[i]
div1.filters[0].play()
mytimeout=setTimeout("playHelp()",2500)}
//*定義play函數(shù)，并且設(shè)置了時間間隔*//
-->
</script>
<style> <!--
#div1{position:absolute;top:20;left:20;width:480;height:200;
font-family:行書體; color:red;font-size:40;
font-weight:bold;text-align:center;
filter:revealtrans(transition=12,duration=2) }
//*設(shè)置顯示轉(zhuǎn)換濾鏡*//
-->
</style> </head>
<body onload="playHelp()">
<div id="div1" onload="playHelp()"> </div>
</body>
</html>
相關(guān)文章
云開發(fā)是微信平臺新開放的功能，為開發(fā)者提供集成了服務器，數(shù)據(jù)庫和資源存儲的云服務。這篇文章主要介紹了小程序云開發(fā)初探(小結(jié))，感興趣的小伙伴們可以參考一下2018-10-10
下面小編就為大家?guī)硪黄猨avascript中數(shù)組和字符串的方法對比。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
JavaScript中this的四個綁定規(guī)則總結(jié)
相信大家都知道，ES5及之前時代的JavaScript中this的綁定機制是讓很多開發(fā)者頭疼不已的事情。this 的綁定變化多端，讓筆者也吃了不少虧。所以本文總結(jié)了this的四條綁定規(guī)則，在此記錄，以防自己遺忘，也方便他人參考借鑒。下面來一起看看吧。2016-09-09
JavaScript實現(xiàn)數(shù)字數(shù)組按照倒序排列的方法
這篇文章主要介紹了JavaScript實現(xiàn)數(shù)字數(shù)組按照倒序排列的方法,涉及javascript中sort方法的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
參考discuz的msn聊天功能代碼2008-05-05
html+javascript實現(xiàn)可拖動可提交的彈出層對話框效果
本文為大家介紹下使用html+javascript實現(xiàn)可拖動彈出層、對話框、可提交，具體代碼如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
簡單實用的HTML到UBB轉(zhuǎn)換腳本工具實現(xiàn)說明
你也許是位樂于分享的技術(shù)人員，盡管你算不上什么技術(shù)高手，但是你都希望把自己所知道的通過博客與網(wǎng)友分享。為了讓更多人知道你的經(jīng)驗，你可能會努力把博文發(fā)布到專業(yè)論壇。2009-11-11
這篇文章主要介紹了JS解析url參數(shù)為json對象問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
JS中使用apply方法通過不同數(shù)量的參數(shù)調(diào)用函數(shù)的方法
這篇文章主要介紹了JS中使用apply方法通過不同數(shù)量的參數(shù)調(diào)用函數(shù)的方法的相關(guān)資料,需要的朋友可以參考下2016-05-05
JS表格組件BootstrapTable行內(nèi)編輯解決方案x-editable
這篇文章主要介紹了JS組件系列BootstrapTable行內(nèi)編輯解決方案：x-editable，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09