20.html

来自「《CSS完全使用详解》源文件下载书籍源码」· HTML 代码 · 共 47 行

HTML

47 行

<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>

20.html - 源码说明

本页面展示了「《CSS完全使用详解》源文件下载书籍源码」中的 20.html 源码文件，采用 HTML 编程语言编写，共 47 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与CSS相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?