JavaScript

[JavaScript] 透過率を変更する(style.opacity)

投稿日:2016年11月3日 更新日:

JavaScriptで透過率を変更するには、style.opacityを使用します。

サンプルソース

例)id='target'要素の透過率を50%にする

実行サンプル

ボタンを押すと、赤枠部分の透過率が変わります

0% 30% 50% 80% 100%
ここの透過率が変わります

解説

  • 透過率は0%(透過なし)~100%(フル透過)を、0.0~1.0の数値で指定します。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] ブラウザにインストールされているプラグインの情報を取得する(navigator.plugins)

ブラウザにインストールされているプラグインの情報を取得するには、window.navigator.plugins を使用 ...

[JavaScript] 配列→カンマ区切り文字列にする

文字列配列からカンマ区切り文字列に変換するサンプルです。 サンプルソース 例)文字列配列からカンマ区切り文字列に変換する ...

[JavaScript] ウィンドウを閉じる(window.close)

ウィンドウを閉じるには、window.close()を使用します。 サンプルソース 例)自分自身のウィンドウを閉じる [ ...

[JavaScript] 平方根を求める(Math.sqrt)

平方根を求めるには、Math.sqrt()を使用します。 構文 (aの平方根を求めてxに代入する) var x = Ma ...

[JavaScript] オブジェクトの要素を全件取得する

オブジェクト(連想配列)の要素を全件取得するサンプルです。 サンプルソース 例)オブジェクトobjの全要素のキーと値を表 ...

スポンサーリンク