- ベストアンサー
フラッシュの様に
あるサイトでリンクの文字にマウスオンするとフラッシュを使っているかのように文字の色が綺麗に変化するんです。 フラッシュを使ってるのかと思ったので右クリックしてみたのですが 普通のリンクを右クリックしたときと同じものしか表示されませんでした。 ソースを覗かせてもらったのですが、外部ジャバスプリクトで呼び出しているので見れません。 使用してみたいと思ったのですが、どのジャバスクリプトサイトにも載っていないので 説明が下手なのでわかりにくいとは思いますが(URLを乗せるのは禁止のようなので) どなかたかこのようなジャバスクリプト（？）をご存知の方がいましたら教えて下さい。 ※HTMLやCSSのリンク文字にマウスオンでリンク文字色が変化するのとは違いますのでよろしくお願いします※
- eclis
- お礼率46% (41/88)
- JavaScript
- 回答数3
- ありがとう数5
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんなのですか？ 参考URLのサンプルをご覧下さい。
その他の回答 (2)
以前、似たようなものを作ったことがあります。 今ちょっと引っ張り出してきて簡単なものにしてみましたが、こんな感じでしょうか? <html> <head> <script type="text/javascript"><!-- var cc="0123456789abcdefedbca987654321"; // 文字色の指定に使われる文字列 var CH; function startCH(obj){ if (document.getElementById){ ct=cc; bc=document.getElementById(obj).style.color; n="chmln('"+obj+"')"; CH=setInterval(n,100); } } function chmln(obj){ ct= ct.substr(1,ct.length)+ct.charAt(0); cl= "#"+ct.substr(0,6); document.getElementById(obj).style.color=cl; } function stopCH(obj){ if (document.getElementById){ clearInterval(CH); CH=""; document.getElementById(obj).style.color=bc; } } // --> </script> </head> <body> <a href="#" id="a1" onMouseOver="startCH(id)" onMouseout="stopCH(id)">リンク1</a> <a href="#" id="a2" onMouseOver="startCH(id)" onMouseout="stopCH(id)">リンク2</a> <a href="#" id="a3" onMouseOver="startCH(id)" onMouseout="stopCH(id)">リンク3</a> <a href="#" id="a4" onMouseOver="startCH(id)" onMouseout="stopCH(id)">リンク4</a> </body> </html> こちらは、IE6、Netscape7.1、Opera7.11で動作確認をとってあります。 他のブラウザでは動かない可能性もあります。 なお、ちょっとお行儀は悪いかもしれませんが、外部JavaScriptファイルは、そのURIがわかっているなら、ロケーションバーにそのURIを入れてアクセスするとダウンロードできると思いますよ。 参考になれば。
お礼
使っているブラウザがIE5.5なので動作するか不安ですがためしてみます。 こまかく教えてくださってありがとうございました。
URLを載せるのは決して禁止ではありませんよ。 文字の部分が画像ではないのでしょうかね？
お礼
そうなんですか？？？ 全然知りませんでした。ありがとうございます！
お礼
たいへん参考になるサイトですね。 教えてくださってどうもありがとうございました！