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] で変数を宣言する(var, let)

JavaScriptで変数を宣言するには、var または letを使用します。 ※letはECMAScript6以降対応 ...

[JavaScript] 文字を太字にする

JavaScriptで文字を太字にするサンプルです。 サンプル 例)ボタンを押すごとにid="target"要素の文字の ...

[JavaScript] 時間のコロン編集を行うテキストボックス

フォーカスインすると「HHmm」形式、フォーカスアウトすると「HH:mm」形式にするテキストボックスサンプルです。 時間 ...

[JavaScript] 無名関数を使用する

無名関数とは、読んで字のごとくでFunction名が定義されていない関数です。 無名関数は関数リテラルを定義する場合や、 ...

[JavaScript] cookieに値をセットする

cookieに値をセットするサンプルです。 サンプルソース 例)cookieに値をセットする [crayon-5e230 ...

スポンサーリンク