1. Home
  2. Webサービス
  3. JavaScriptで画像を動かして遊ぼう!!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
Xボーダーを使って日本に発送できない海外サイトの商品を購入する方法!

Xボーダーを使って日本に発送できない海外サイトの商品を購入する方法!

以前に、AmazonUSで日本に発送できない商品も日本語で簡単に買える「Xボーダー」がすごい便利!という記事で紹介した「Xボーダー」ですが、実はこのXボーダーは海外のAmazo...

送料込み28円!?スマホ三脚固定ホルダー(ブラケット)を買ってみた!

送料込み28円!?スマホ三脚固定ホルダー(ブラケット)を買ってみた!

今回はスマートフォンを三脚固定するためのホルダーの三脚ブラケットがAmazonで送料込み28円という超激安価格で販売されていたので一つ購入してみました。そこで今回はスマ...

Windows標準搭載の仮想デスクトップを便利に拡張できるソフト「Sylphyhorn」!

Windows標準搭載の仮想デスクトップを便利に拡張できるソフト「Sylphyhorn」!

今回紹介するのはWindows10の仮想デスクトップの機能を更に便利に拡張できるソフトの「Sylphyhorn」を紹介したいと思います。Windows10から標準で搭載されている仮想デスク...

Amazonの初売り!おまかせ福袋や見える福袋などの販売を1月2日18時よりスタート!

Amazonの初売り!おまかせ福袋や見える福袋などの販売を1月2日18時よりスタート!

今年のAmazonの初売りは2019年1月2日(水)~18時から1月4日(金)23時59分まで開催されます。「Amazonの初売り」では、商品が届くまでお楽しみの「おまかせ福袋」に加えて...

あけましておめでとうございます!

あけましておめでとうございます!

新年あけましておめでとうございます!裏技shop DDは今年でサイト開設から14年目に突入します!気がつけばこんなに長く続けていることは他にないくらい長い時間が経ってし...

管理人が選ぶ2018年のShopDDの記事ベスト10!

管理人が選ぶ2018年のShopDDの記事ベスト10!

今年も残り少なくなってきましたが皆さんいかがお過ごしでしょうか?!本日は大晦日ということで、2018年の記事を振り返ってみるという意味合いも込めて管理人が選ぶ2017年...

「YouTube Premium」と「YouTube Music Premium」の違いをまとめました!

「YouTube Premium」と「YouTube Music Premium」の違いをまとめました!

2018年11月からスタートしたYouTubeの新サービスのプラン「YouTube Premium」と「YouTube Music Premium」ですが、名前が似ててよくわかりにくかったので違いについて調べ...

12製品総額600ドルの有償ソフトのライセンスキーを無料配布するキャンペーンを実施中!

12製品総額600ドルの有償ソフトのライセンスキーを無料配布するキャンペーンを実施中!

WonderFox Soft, Inc.は同社製品であるWonderFox HD動画変換プロを含む合計9製品のライセンスキーを無料配布するWonderFox 2018 Xmas Carnival(ワンダーフォックス 2018メ...

Painterなどが最大91%OFFのVEGAS&Corel全製品値下げキャンペーンが開催中!

Painterなどが最大91%OFFのVEGAS&Corel全製品値下げキャンペーンが開催中!

現在ソースネクストの公式サイトでは、PaintShop、WinDVD、Painter、VideoStudio、CorelDRAWなどのCorel全製品とVEGAS Pro、ACID Pro、SOUND FORGE、SPECTRALAYERSなどのVE...

NetaGear RSS News

Now Loading

Article

JavaScriptで画像を動かして遊ぼう!!

 Webサービス 
JavaScript001.jpg

たくさんの画像があるページで、アドレスバーに以下のJavascriptをコピーして実行すると、画像が面白い動きをします。

※IEの場合セキュリティーで引っかかる可能性がありますが実行しても何の危険もありません。

やり方
1、画像がたくさんあるページに行きます
2、下のJavascriptをコピーしてアドレスバーに入れてEnterを押します。

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

画像を適当に集めておきましたのでここでテストできます!
javascriptテストページ

百聞は一見にしかずということわざがあるように、文章での説明を見るより一回自分で試したほうが分かりやすいですね。Google Imageなどでこれを実行すれば面白いです。元ネタはdiggより
Tag

Related article

COMMENT TO THIS ENTRY

チカチカする~

317

重ねて実行すると動くやつならかなり早くなりましたw

318

このコメントは管理人のみ閲覧できます

319

目が回りますw

6675

Most Popular

Now loading...

Social Links

Sponsored Link

Popular Article

Access Ranking

Now Loading...

当ブログにリンクしていているサイトの中でアクセス数の多いサイト上位15位が表示されます。今ならリンクするだけで簡単に上位に表示されます。