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