スポンサーサイト

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

ポップアップするクリッカブルサムネール マックOS X みたい

 昨日の投稿の応用試作品を作ってみました。ちょっとマッキントッシュのデスクトップ下端のアプリケーションメニューみたいな動きをしてくれます。ただしマックでは動作しません。Windows IE環境のみで動作します。

<<<<<<


 ■ ソースです (<>は半角に、IDはご自分で付け替えてください)

<center><div style="position:relative;color:green;font-size:8px;width:550;height:490;background-color:green;text-align:center;padding:15px;border-style: inset;"><<img border=1 src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723599744bd6ac26dc3b8_import.jpg" style="margin:10px;filter:revealTrans(duration=1,transition=10);" width=500 height=340 id="p07040101"/><<img width=50 border=1 src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723599744bd6ac26dc3b8_import.jpg" onmouseover="kakudai = setInterval('{w=donguri0.width;w+=2;if(w>80){w=80;}donguri0.width=w;}',5);"onmouseout="clearInterval(kakudai);donguri0.width=50;" onclick="p07040101.filters.revealTrans.Apply();p07040101.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;p07040101.src=this.src;p07040101.filters.revealTrans.play();"id="donguri0" /><<img width=50 border=1 src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723599874bd6ac3328705_import.jpg" onmouseover="kakudai = setInterval('{w=donguri1.width;w+=2;if(w>80){w=80;}donguri1.width=w;}',5);"onmouseout="clearInterval(kakudai);donguri1.width=50;" onclick="p07040101.filters.revealTrans.Apply();p07040101.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;p07040101.src=this.src;p07040101.filters.revealTrans.play();"id="donguri1" /><<img width=50 border=1 src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723599934bd6ac39369f7_import.jpg" onmouseover="kakudai = setInterval('{w=donguri2.width;w+=2;if(w>80){w=80;}donguri2.width=w;}',5);"onmouseout="clearInterval(kakudai);donguri2.width=50;" onclick="p07040101.filters.revealTrans.Apply();p07040101.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;p07040101.src=this.src;p07040101.filters.revealTrans.play();"id="donguri2" /><<img width=50 border=1 src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723599984bd6ac3ef31e3_import.jpg" onmouseover="kakudai = setInterval('{w=donguri3.width;w+=2;if(w>80){w=80;}donguri3.width=w;}',5);"onmouseout="clearInterval(kakudai);donguri3.width=50;" onclick="p07040101.filters.revealTrans.Apply();p07040101.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;p07040101.src=this.src;p07040101.filters.revealTrans.play();"id="donguri3" /><<img width=50 border=1 src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723600044bd6ac44d7b31_import.jpg" onmouseover="kakudai = setInterval('{w=donguri4.width;w+=2;if(w>80){w=80;}donguri4.width=w;}',5);"onmouseout="clearInterval(kakudai);donguri4.width=50;" onclick="p07040101.filters.revealTrans.Apply();p07040101.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;p07040101.src=this.src;p07040101.filters.revealTrans.play();"id="donguri4" /></div></center>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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