- ベストアンサー
ＪａｖａＳｃｒｉｐｔでＩＥの半透明機能の設定方法
画像をボタンを押すことで、通常画像→半透明→透明→繰り返し・・ といったことをしてみたいのですが、 ＣＳＳのＦｉｌｔｅｒの「Ａｌｐｈａ」を使えばいいのでは・・・ というところまでは来ているのですが、 ＪａｖａＳｃｒｉｐｔでの記述方法がよく分かりません。 ＨＴＭＬでの記述もよく分からないので、どちらかでも結構です。 よろしければ、どうぞ宜しくお願いします。
- amoban
- お礼率82% (66/80)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
InternetExplorer5以上でね。 <HTML> <HEAD> <TITLE></TITLE> <STYLE> .ig { filter:alpha(opacity=100); } </STYLE> <SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript> <!-- var i=100; function button1_onclick() { i-=50; img.style.filter="alpha(opacity="+i+")"; if(i==0){i=150;} } //--> </SCRIPT> </HEAD> <BODY> <P> <IMG class=ig id=img src="thmimg1.jpg"> </P> <P> <INPUT id=button1 type=button value="押してね" name=button1 LANGUAGE=javascript onclick="return button1_onclick()"> </P> </BODY> </HTML> どう？
その他の回答 (1)
- onimotsu
- ベストアンサー率36% (279/758)
簡単なのは通常画像・半透明・透明のそれぞれの画像を用意して 参考ＵＲＬのようにすれば良いかと思います。 http://www.openspc2.org/reibun/javascript/mouse/010/index.html ご質問に近いのはこちらでしょうか？ http://www.openspc2.org/reibun/javascript/graphic/003/index.html
お礼
お答えありがとうございます。 画像の用意の方法も考えましたが、やはり能率的に考えて ソース側の制御で考えました。 ２つ目のＵＲＬを参考にさせていただきました。 本当にありがとうございました（＾-＾）。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
丁寧なお答えありがとうございます。 Alphaの記述部分だけを残していただけでしたので、 上記を参考にしてみたらすぐにできました（＾-＾）。 引数というか、設定項目が多いと、どんな記述にしていいかが分かりませんでした。とほほ。 でも、おかげで助かりました。 本当にありがとうございました。