发信人: marsz()
整理人: microant(1999-08-02 12:13:18), 站内信件
|
实例：打字效果
适用浏览器： IE4+
说明：这个效果将模拟打字效果，字符会连续不断的显示，Cool！
第一步：将下列代码复制到网页的Head和Body标记中间。
<script language="JavaScript1.2">
/*
modified by mars 1999 ,www.joysoft.net
*/
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()",100)
}
else
return
}
</script>
第二步：将下列代码放置你的网页中。
<span id="typing" style="visiblity:hidden;height:2" style=&{head};>欢迎
访问飞翔鸟软体软体驿站！！也欢迎大家到我主持的主页工厂来作客，我会向你
展示更多精彩的DHTML效果。</span>
如果要改变文字，可以直接修改第二步中<span>标记里的内容。
第三步：将 onLoad="initialize()" 添加到<body>标记中。（如<bodyonLoad="
initialize()">）
--
________________________________________________
欢迎访问飞翔鸟软体驿站： HTTP://JOYSOFT.SOIM.NET
BEST REGUARDS, MARS MAILTO:[email protected]
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.106.172.153]
|
|