0


歡迎光臨!! 救國團台中學苑 社會教育研習中心 電腦班隊研習營【網頁設計課程】


跑馬燈特效語法




打字效果跑馬燈(三)

  ●  買內衣  ●
有一天,小明去幫他太太買內衣,
因為他從來沒有幫他太太買過內衣,所以他不知道要買哪一種size!
跟店員扯了半天,店員只好拿水果來形容了!
店員:木瓜?! 小明:no!no!
店員:蘋果?! 小明:不不不!
店員:蓮霧?! 小明:再小一點!
店員:雞蛋?!    小明很高興的說:對!對!對!
當店員了解後轉身去拿內衣時,小明突然大叫:
小姐等一下!是煎過的荷包蛋。

將下列語法貼於網頁呈現的地方

<script language="JavaScript">
<!--
var it=0
var head="display:''"
function initialize(){
mytext=typing.innerText
var myheight=typing.offsetHeight
typing.innerText=''
document.all.typing.style.height=myheight
typeit()
}
function typeit(){
typing.insertAdjacentText("beforeEnd",mytext.charAt(it))
if (it<mytext.length-1){
it++
setTimeout("typeit()",200)
}
else
return
}
if (document.all)
document.body.onload=initialize
-->
</script> 

<span id="typing" style="visiblity:hidden;height:2" style=&{head};>買內衣<br>
有一天,小明去幫他太太買內衣,<br>
因為他從來沒有幫他太太買過內衣,所以他不知道要買哪一種size!<br>
跟店員扯了半天,店員只好拿水果來形容了!<br>
店員:木瓜?! 小明:no!no!<br>
店員:蘋果?! 小明:不不不!<br>
店員:蓮霧?! 小明:再小一點!<br>
店員:雞蛋?! 小明很高興的說:對!對!對!<br>
當店員了解後轉身去拿內衣時,小明突然大叫:<br>
小姐等一下!是煎過的荷包蛋。</span><p>

 


在 在 setTimeout("typeit()",100) 中修改文字出現的速度 中修改文字出現的速度



 


上一頁下一頁 │                                      │ 回首頁 回特效語法  │