スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

つかみどころのない、落ち着かない画像

マウスオーバーするたびにランダムに移動する画像です。画像を移動させる基礎になります。垂直の位置を移動したければ同様に、
  this.style.top=Math.floor(Math.random()*200);
をくわえてやれば実現できます。この基礎を応用すれば、円を描いて移動する図形や、プログラマブルマーキーが実現できます。

応用例: ワンちゃんの画像で、「僕をつかまえて!!」など

<span style="font-size:1px;color:white;"><div style="position:relative; width:550; height:200;">
<<img src="画像のURL" style="position:absolute;top:0;left:250;" onmouseover="this.style.left=Math.floor(Math.random()*450);"/></div></span>




<

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。