案例：CSS3 案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<script>
5
function ChangeOpacity(x)
6
{
7
// 返回被选选项的文本
8
var opacity=x.options[x.selectedIndex].text;
9
var el=document.getElementById("p1");
10
if (el.style.opacity!==undefined)
11
  {el.style.opacity=opacity;}
12
else
13
  {alert("Your browser doesn't support this example!");}
14
}
15
</script>
16
</head>
17
<body>
18
​
19
<p id="p1">请从下面的例子中选择一个值，以改变此元素的不透明度。</p>
20
<select onchange="ChangeOpacity(this);" size="5">
21
  <option />0
22
  <option />0.2
23
  <option />0.5
24
  <option />0.8
25
  <option selected="selected" />1
26
</select>
27
​
28
</body>
29
</html>
30
​