スポンサーサイト

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

新型 マウスホイールで動くパラパラ高速スライドショー

マウスホイールで高速にパラパラ漫画風に画像が入れ替わります。
とにかく画像の上でマウスホイールを回してみてください。
 誰ですかマウスを裏返しにして机の上を転がして遊ぶのは! マウスが壊れても保証しません。念のため。

今のところはマイクロソフトのIE,アップル社のSafariで動作します。


<
<
<<<<<<<<<



ソースです(<>は半角に、改行は削除してください)
<span style="font-size:0px;">
<<div id="vari" style="width:0px;height:0px; z-index:0;">
</div>
<<div style="width:320px; height:240px; position:relative;"
onmousewheel="event.returnValue=false; nump=vari.style.zIndex;
numn=nump-0-event.wheelDelta/120;if(numn<0)numn=8;if(numn>
8)numn=0;
for(i=0;i<9;i++) { getElementById('p0'+i).style.zIndex=0;}
getElementById('p0'+numn).style.zIndex=99; vari.style.zIndex=numn;" />
<<img style="position:absolute; top:0px;left:0px;z-index:99;"
src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723649924bd6bfc0a793c_import.jpg" id="p00" />
<<img style="position:absolute; top:0px;left:0px;z-index:0;"
src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723649984bd6bfc6530d8_import.jpg" id="p01" />
<<img style="position:absolute; top:0px;left:0px;z-index:0;"
src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723650044bd6bfcc3886c_import.jpg" id="p02" />
<<img style="position:absolute; top:0px;left:0px;z-index:0;"
src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723650094bd6bfd1dcb0c_import.jpg" id="p03" />
<<img style="position:absolute; top:0px;left:0px;z-index:0;"
src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723650154bd6bfd7abb1c_import.jpg" id="p04" />
<<img style="position:absolute; top:0px;left:0px;z-index:0;"
src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723650214bd6bfdd63bbf_import.jpg" id="p05" />
<<img style="position:absolute; top:0px;left:0px;z-index:0;"
src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723650274bd6bfe35744d_import.jpg" id="p06" />
<<img style="position:absolute; top:0px;left:0px;z-index:0;"
src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723650334bd6bfe91a293_import.jpg" id="p07" />
<<img style="position:absolute; top:0px;left:0px;z-index:0;"
src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723650394bd6bfef13a14_import.jpg" id="p08" />
</div>
</span>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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