<div style='background-color: none transparent;'><a href='http://www.rsspump.com/?web_widget/rss_ticker/news_widget' title='News Widget'>News Widget</a></div>

Cara melapas gambar web kemudian berputar-putar

Share this history on :
Cara melapas gambar web kemudian berputar-putar.Saya hanya ingin sedikit share sebuah kode javascript yang memang tidak penting tapi cukup menarik untuk dicoba

Coba kamu masuk sebuah situs apapun yang kamu mau. Setelah masuk, silakan copy paste kode javascript yang ada di bawah ke dalam address bar di browser sobat.

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);

Kamu akan melihat semua gambar yang ada di halaman itu akan terlepas dari tempatnya dan berputar-putar seperti roda di bagian atas halaman situsnya, karena itulah kode ini dinamakan The Big Wheel.

Contohnya hasilnya seperti ini:


Mungkin lebih cocok kalau dicoba di situs yang banyak gambarnya seperti Facebook ataupun Google Images

Sebagai tambahan, coba kamu perhatikan kode javascript tersebut. Di sana ada bagian “img” kan? Nah kalau kamu ganti “img” menjadi “a” maka yang akan berputar adalah semua teks atau gambar yang memiliki link. Dan bila kamu ganti dengan “p”, maka yang akan berputar adalah semua teks biasa.
Share this history on :

0 comments: Cara melapas gambar web kemudian berputar-putar

Post a Comment

" Sepatah kata komentar dari anda sangat berarti untuk kemajuan blog ini "

Silahkan menuliskan komentar anda pada opsi Nama/URL, lalu tulis nama anda dan URL anda pada kotak yang tersedia.Jika anda tidak punya blog/website, kolom URL boleh dikosongkan.

Related Posts Plugin for WordPress, Blogger...