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] 独自例外を生成して投げる

独自例外を生成して投げるサンプルです。 サンプルソース 例)独自例外を生成して投げる [crayon-5b7ad0326 ...

[JavaScript] HTMLタグの属性値を取得する(getAttribute)

HTMLタグの属性値を取得するには、getAttributeを使用します。 HTMLタグの属性値を取得する 例)id=" ...

[jQuery] 画像アップロード時にプレビュー表示する(canvas版)

画像アップロード時にプレビュー表示するサンプルです。 ※canvas領域にプレビューします。 サンプルソース 例)画像を ...

[JavaScript] 半角は1文字、全角は2文字として文字数をカウントする

半角文字は1文字、全角文字は2文字として文字数をカウントするサンプルです。 サンプルソース 例)半角文字は1文字、全角文 ...

[JavaScript] Math関数の定数

Math関数に定義されている定数の一覧です。 Math関数の定数 定数メモ Math.E自然対数の底(≒2.718) M ...

スポンサーリンク