Livedoorのような画面の横についてくる・・・。

質問

Livedoorのホームページを見ていただけたら分かると思いますが、右横になにやらスクロールしてもついてくる物体があるのですが、これは一体どうやっているのでしょうか？http://www.livedoor.com/

HTMLでは出来ないですよね？

もしご存知の方がおられましたらアドバイスしていただけたら幸いです。

宜しくお願いいたします。

回答No.1

litton101 · ベストアンサー

まず、この招き猫を右クリック、プロパティで見ると
R000482702.gifという画像ファイルが正体である
ことがわかります。

次に、IE6でご覧なら、表示→ソースを表示させ、
R000482702.gif　というキーワードを検索して
探してみてください。

すると、

<div id="adRight" style="position:absolute; display:none;">
<a href="http://・・略・・/loan/" target="_top">
<img src="http://image.・・略・・/R000482702.gif" width="60" height="80" border="0" alt=""></a></div>

とありますよね。

また、
<div id="adRight"　とありますので、
adRight　というキーワードを検索して
探してみてください。
下の方のjavascriptが効いているようですね。

こうやって、着眼したテクニックについて、
キーワードを追っていくと、
どのように実現しているかがわかります。

お礼

litton101さん有難うございます。

調べ方まで教えていただき大変勉強になりました。
早速追いかけて調べてみたいと思います。