- ベストアンサー
テキストリンクの色を徐々に濃くしたい方法
- 初心者の方でも使えるテキストリンクの色を徐々に濃くする方法について説明します。
- テキストリンクの色をフェードインさせるスクリプトを使用することで、ページが読まれた時にリンクの色が徐々に濃くなる効果を実現できます。
- どのブラウザでも動作するスクリプトを使用することで、古いバージョンのブラウザでも問題なくテキストリンクの色を変化させることができます。
- taetae3223
- お礼率40% (2/5)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こたえがつかないようなので・・・ みじかく、いっぱ～つ！ ちなみにふるいのは、わからないじょ。 ぱらめ～たは、 えれめんとのid, さいしょのとうめいど, へんかりょう, みりびょう のじゅん。 100からまいなすでも、うごくかも？ ばぶぅ。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>TEST</title> <style type="text/css"> body,#a{color:#fff;background-color:#000} </style> <body> <div id="a"><a href="http://okwave.jp/qa5034462.html">テキストリンクの色を徐々に濃く</a></div> <script type="text/javascript"> //@cc_on window.onload = function () { O('a',0,2,30); } function O(i,o,t,w){var s=document.getElementById(i).style,f=function _(){s./*@if(1)filter='alpha(opacity='+o+')'@else@*/opacity=o/100/*@end@*/;0<=(o+=t)&&o<=100&&setTimeout(_,w)}()} </script>
その他の回答 (1)
- babu_baboo
- ベストアンサー率51% (268/525)
すこしはじぶんでしらべてね。ばぶっ！ http://www.tagindex.com/stylesheet/link/color.html
お礼
出来まちたっ！！ ありがとうございましゅ！ 感謝感謝感謝！！！ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無題ドキュメント</title> <style type="text/css"> body,#a a,#b a,#c a{color:#fff;background-color:#000; } </style> </head> <body> <div id="a"> <a href="/">テキストリンクの色を徐々に濃く</a> </div> <div id="b"><a href="/">テキストリンクの色を徐々に濃く</a> </div> <div id="c"><a href="/">テキストリンクの色を徐々に濃く</a> </div> <script type="text/javascript"> //@cc_on window.onload = function () { O('a',0,2,50); O('b',0,2,50); O('c',0,2,50);} function O(i,o,t,w){var s=document.getElementById(i).style,f=function _(){s./*@if(1)filter='alpha(opacity='+o+')'@else@*/opacity=o/100/*@end@*/;0<=(o+=t)&&o<=100&&setTimeout(_,w)}()} </script> </body> </html>
補足
早々ありがとうございました！ 感謝いたします。 ページを開けたら、たしかに徐々に色が濃くなっていきます。 …なのですが、デフォルトのリンクカラーである青色で徐々に濃くなってしまいます。 リンクを張らなければ、透明から徐々に白100％になっていくのですが…。 これはどのようにすればよいでしょうか？ 御助言いただけましたら幸いです。 よろしくお願いいたします。