📄 22.html

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

💻 HTML

字号:

<html>
<head>
<title>CSS Demo</title>
<script>
function init() {
	makeFlash(bob)
	setInterval("fred.filters.alpha.opacity = (fred.filters.alpha.opacity + 5) %101", 100)
	setInterval("foo(dave)", 100)
}
var delta = function foo(obj) {
	if((obj.filters.alpha.opacity + delta > 100) || (obj.filters.alpha.opacity + delta < 0))
	delta = -delta
	obj.filters.alpha.opacity += delta
}
function makeFlash(obj) {
	obj.flashTimer = setInterval("bob.filters.glow.enabled = !bob.filters.glow.enabled", 1000)
}
function stopFlash(obj) {
	clearInterval(obj.flashTimer)
}
</script>
<style>
#bob { width: 50%;
	filter: glow(color=#FAF900,Strength=2,enbaled=0); }
#fred { width: 50%;
	filter: alpha(opacity=100); }
#dave { width: 50%;
	filter: alpha(opacity=50);
	color: blue; }
</style>
</head>

<body onload="init()">
<div id="bob" onclick="stopFlash(this)"><h1>Here's some text.</h1></div>
<div id="fred"><h1>Here's some text.</h1></div>
<div id="dave"><h1>Here's some text.</h1></div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -