实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<script>
5
function ChangeOpacity(x)
6
{
7
// Return the text of the selected option
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">Select a value from the list below, to change this element's opacity!</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