- 締切済み
IEでは無理でしょうか?
昨日質問させていただいたところ回答を得、いったん質問を閉じましたが、 IE6で確認しましたら動かないので、もう一度、質問させていただきます。 (MozillaのみOK、ネットスケープもオペラも動きませんが)とりあえずはIE6でだけは見れるようにしたいです。どうしたらIE6で見れますか?もしくは見れない理由がありますか? ご教授いただければ幸いです。 よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>test</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</a> </div> <div id="b"><a href="/">B</a> </div> <div id="c"><a href="/">C</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()filter='alpha(opacity='+o+')'@else@*/opacity=o/100/*@end@*/;0<=(o+=t)&&o<=100&&setTimeout(_,w)}()} </script> </body> </html>
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- babu_baboo
- ベストアンサー率51% (268/525)
ごめんなさい。もじのおきかえでぜんかくもじがよけいなところに しゅつぼつしてました。 <div><a href="http://okwave.jp/qa5034462.html" id="a">テキストリンクの色を徐々に濃く</a></div> というか、すべてのぜんかくくうはくもじは、てきとうにはんかくすぺーすにでもおきかえしてね。
- babu_baboo
- ベストアンサー率51% (268/525)
IE6かぁ~ うごくかびみょうだじょ! てもとにないし・・・ もっと、すま~とな、かきかたはないのかな~? ばぶぅ~!^^; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>TEST</title> <style type="text/css"> body,#a {background-color:#000 } #a { color:#000; } </style> <body> <div><a href="http://okwave.jp/qa5034462.html" id="a">テキストリンクの色を徐々に濃く</a></div> <script type="text/javascript"> window.onload = function () { ChangeColor('a', '#000', '#fff', 100, 30); } function ChangeColor (eid, col1, col2, step, time) { var s = document.getElementById(eid).style; //if (! s) return; var c1 = getEachColor(col1); //if (! c1[0]) return; var c2 = getEachColor(col2); //if (! c2[0]) return; var c3 = [(c2[0] - c1[0]) / step, (c2[1] - c1[1]) / step, (c2[2] - c1[2]) / step]; var i = 0; return function _() { s.color = 'rgb(' + (c1[0]|0) + ',' + (c1[1]|0) + ',' + (c1[2]|0) + ')'; c1[0] += c3[0], c1[1] += c3[1], c1[2] += c3[2]; i++ < step && setTimeout (_, time); }(); } function getEachColor(RGB) { var v = new Array(3); if (RGB != undefined) { if (/^#[0-9A-F]{3}$/i.test(RGB)) { v = eval(RGB.replace(/^#([0-9A-F])([0-9A-F])([0-9A-F])/i, '[0x$1$1,0x$2$2,0x$3$3]')); } else if (/^#[0-9A-F]{6}$/i.test(RGB)) { v = eval(RGB.replace(/^#([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})/i, '[0x$1,0x$2,0x$3]')); } } return v; } </script>
補足
回答ありがとうございます。 スクリプトエラーで動かないようです。 エラーチェックをしましたら、 function ChangeColor (eid, col1, col2, step, time) が missing semicolon var s = document.getElementById(eid).style; //if (! s) return; が SyntaxError illegal character と出ました。
お礼
ご連絡が遅くなりました。 全角を半角に置換したのですが、エラーになりました。 とりあえずあきらめて、てっとり早くFLASHで作ってしまいました…。 色々ありがとうございました!!