1. Home
  2. Webサービス
  3. JavaScriptで画像を動かして遊ぼう!!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
無料で使える軽量なコードエディタの「Visual Studio Code(VS Code)」を使ってみよう!

無料で使える軽量なコードエディタの「Visual Studio Code(VS Code)」を使ってみよう!

今回紹介するのはMicrosoftが無償で提供しているソースコードエディタであるVisual Studio Code(VS Code)です。私は個人的にプログラムを書く際には、エディタのこだわりは...

マイクロナノバブルシャワーヘッド「Bollina Ninfa」を買ったみた!

マイクロナノバブルシャワーヘッド「Bollina Ninfa」を買ったみた!

今回紹介するのは株式会社TKS 田中金属製作所が制作したマイクロナノバブルシャワーヘッド「Bollina Ninfa(ボリーナ ニンファ)」TK-7100-SLです。マイクロナノバブルと...

NetaGearで無限スクロール対応とカテゴリー追加などのアップデートを行いました!

NetaGearで無限スクロール対応とカテゴリー追加などのアップデートを行いました!

今年の2月にデザインや機能において大幅なアップデートを行ってから順調に利用者が増えているNetaGearですが、今回無限スクロールに対応して今までよりも見やすくなりまし...

adbコマンドを使ってPCからAndroidのスクリーンショットを取る方法!

adbコマンドを使ってPCからAndroidのスクリーンショットを取る方法!

今回はAndroidでadb接続からスクリーンショットを取る方法を紹介したいと思います。通常のAndroidのスマホやタブレットでは電源ボタンと音量ボタンの長押しで簡単にスクリ...

タブレットやスマホを自由に配置できるタブレットアームを買ってみた!

タブレットやスマホを自由に配置できるタブレットアームを買ってみた!

今回はタブレットをいろいろな場所に自由に配置することができるタブレットアームを購入したので紹介したいと思います。先日の記事のタブレットをPCのサブディスプレイ化で...

BSデジタル放送のトランスポンダ移動によるTVTestの設定変更方法!

BSデジタル放送のトランスポンダ移動によるTVTestの設定変更方法!

久しぶりにPCのTVTestを使ってBSでも見ようと思ったら、なぜかBSジャパンが映らないということに気がつきました。その原因を調べたらBSデジタル放送のトランスポンダ移動に...

dTVターミナルにAbemaTVやプライムビデオなどのアプリをインストールする方法!

dTVターミナルにAbemaTVやプライムビデオなどのアプリをインストールする方法!

dTVターミナル(dTV 01)はテレビで見るためのNTTドコモから発売されているデバイスですが、通常は他のアプリをインストールしたり、カスタマイズしたりはできない仕様になっ...

Android端末をWi-Fi経由でadb接続する方法!

Android端末をWi-Fi経由でadb接続する方法!

Android端末をコマンドライン上から色々な操作を行うことができるadbコマンドですが、通常adb接続する際にはパソコンとAndroid端末をUSBで接続したまま行うと思いますが、...

PCでスマホアプリが動くAndroidエミュレーター「NoxPlayer」がすごい!

PCでスマホアプリが動くAndroidエミュレーター「NoxPlayer」がすごい!

今回はパソコン上でスマホゲームやアプリを動かすことが出来るAndroidエミュレーターのNoxPlayerを紹介したいと思います。WindwosとMacバージョンがあり、どちらのOSでも簡...

1000円で買ったStar 4 Fitness Trackerスマートブレスレットが微妙だった話!

1000円で買ったStar 4 Fitness Trackerスマートブレスレットが微妙だった話!

先日レビューを書いた超激安のスマートブレスレットi5 Plusを買って以来、スマートブレスレットにハマっています。新たに激安の送料込み1000円以下で販売されていたStar 4 ...

NetaGear RSS News

Now Loading

Article

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

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

MENU

NetaGear

Pure Css Design

Access Ranking

Now Loading...

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

Amazon

Now Loading...