1. Home
  2. Webサービス
  3. JavaScriptで画像を動かして遊ぼう!!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
コマンドプロンプトでIPアドレスとMACアドレスのリストを表示する方法!

コマンドプロンプトでIPアドレスとMACアドレスのリストを表示する方法!

今回はローカルネットワーク内にある端末をコマンドプロンプトを使って、IPアドレスとMACアドレスをリスト化して表示する方法を紹介したいと思います。表示可能なのは同一...

スマートスピーカーAmazon Echo DotとFireTV Stickをリンクして操作する方法!

スマートスピーカーAmazon Echo DotとFireTV Stickをリンクして操作する方法!

テレビに接続してAmazomプライムビデオやAbemaTVなどの動画配信サービスを見ることができるFireTV Stickを買ってから毎日のように使っているのですが、リモコンのボタンを...

HeimVisionネットワークカメラHM302を外で使えるように防水仕様にしてみた!

HeimVisionネットワークカメラHM302を外で使えるように防水仕様にしてみた!

先日レビューでも書いた「暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!」のネットワークカメラですが、今回は外でも使えるように防水仕様...

暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!

暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!

今回紹介するのはHeimVisionのAlexa対応ネットワークカメラHM302です。HM302の特徴としてはネットワークカメラとしてはかなり画素数の高い300万画素のカメラを搭載して高画...

3日間限定で出前館で50%OFFとなるキャンペーン「半額祭」を実施中!

3日間限定で出前館で50%OFFとなるキャンペーン「半額祭」を実施中!

出前館では3日間限定で、対象店舗の対象商品が50%OFFとなる半額祭というキャンペーンを実施しています。対象店舗はピザーラ、ドミノピザ、ピザハット、ケンタッキー、デニ...

FireTV StickでAlexaスキルをインストールして使う方法!

FireTV StickでAlexaスキルをインストールして使う方法!

今回はテレビに接続して使うデバイスであるAmazon FireTV Stickで、Amazonのスマートスピーカーと同様にAlexaスキルをインストールして使う方法について紹介したいと思いま...

ジャンプが無料で見れる「MANGA Plus by SHUEISHA」のアプリを無理やりインストール!

ジャンプが無料で見れる「MANGA Plus by SHUEISHA」のアプリを無理やりインストール!

先日の記事で紹介した集英社が公式で運営しているジャンプの連載漫画の最新話を無料で公開している漫画サイト「MANGA Plus by SHUEISHA」ですが、WEBサイト以外にもアプリ...

ジャンプ連載漫画の最新話が無料で読める「MANGA Plus by SHUEISHA」を日本から見る方法!

ジャンプ連載漫画の最新話が無料で読める「MANGA Plus by SHUEISHA」を日本から見る方法!

みなさんは「MANGA Plus by SHUEISHA」というWEBサービスをご存知だろうか?なんとこのサイトではジャンプの連載されている作品の最新話が無料で読むことができます。ジャ...

Elechomesの6L大容量ハイブリッド式加湿器 JC5502を使ってみた!

Elechomesの6L大容量ハイブリッド式加湿器 JC5502を使ってみた!

今回紹介するのはElechomesの6L大容量ハイブリッド式加湿器JC5502です。この加湿器は超音波とヒーターによるハイブリッド式なので、従来よりも省エネでなおかつ素早くお部...

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...