📄 20.html

📁 《CSS完全使用详解》源文件下载书籍源码

💻 HTML

字号:

<html>
<head>
<title>CSS Demo</title>
<script>
function HelpArray(len) {
	this.length = len
}
HelpText = new HelpArray(5)	//定义字幕的数量
HelpText[0] = "为一个文档加入动态转换其实非常简单。"
HelpText[1] = "首先，为对象的样式表建立一个需要变换的RevealTrans滤镜属性。"
HelpText[2] = "然后使用apply()方法将滤镜作用于对象。"
HelpText[3] = "最后，用play()方法开始进行转变。"
HelpText[4] = "当然，修改各种参数可以获得不同的切换效果。"

ScriptText = new HelpArray(5)

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()", 3000)	//每三秒钟变一次字幕
}
</script>
<style>
#div1 { position: absolute;
	left: 10px;
	top: 10px;
	width: 95%;
	font: bold 30pt "Times New Roman",Times;
	text-align: center;
	filter: RevealTrans(Transition=12, Duration=2); }
</style>
</head>

<body onload="playHelp()">
<div id="div1" onload="playHelp()"></div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -