ウィンドウの不透明度を設定する

書式

 windowObj.setOpacity(value)

windowObj : ウィンドウオブジェクト
value : 不透明度(0〜1.0)

説明

 ウィンドウの不透明度を設定するにはsetOpacity()を使います。パラメータには不透明度を0から1までの小数値で設定します。0が完全な透明、1が不透明になります。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="default.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="window.js"></script>
<script type="text/javascript"><!--
var win;
window.onload = function(){
win = new Window("win01", {
title: "Sample", className: "dialog",
top:100, left:10, width:320, height:240, zIndex: 100,
resizable: true, draggable:true
});
win.setDestroyOnClose();
win.show();
}
function setWindowOpacity(){
win.setOpacity($F("opac"));
}
// --></script>
</head>
<body>
<h1>不透明度を設定する</h1>
<form>
不透明度:<input type="text" id="opac" value="0.5" size="6">
<input type="button" value="不透明度を設定" onClick="setWindowOpacity()">
</form>
</body>
</html>