プログラミングは、創造性、自由な時間、そして何よりも多くのコーヒーを飲みながら、制限のない魅力的な世界であり、印象的なものを開発することができます。 この例は、楽しみを達成する可能性です Facebookの画像でフローティング効果、コードに基づく JavaScriptを、それを見るすべてのユーザーの注意を引くことは間違いありません。
これは、たとえばプロフィールにある場合、ブラウザにコードを貼り付けると、すぐにプロフィールの写真、表紙、その他の画像が画面全体に浮き始めます...それはまったく役に立ちません、しかしあなたのコンピュータスキルを披露するのはとても楽しいでしょう😉
あえて試してみませんか? それは簡単です、それを正しく行う方法を確認するために読んでください。
Facebookでのフローティング画像の効果
MozillaFirefoxの場合
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; 関数A(){for(i = 0; i-DIL; i ++){DIS = DI [i] .style; DIS.position = '絶対'; 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); ボイド(0);
Google Chromeの場合
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; 関数A(){for(i = 0; i-DIL; i ++){DIS = DI [i] .style; DIS.position = '絶対'; 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); ボイド(0);
はっきりしていませんか? ビデオを見る🙂
考慮に入れるには:
- このコードは悪意のあるものではありません
- コンピュータに損傷を与えたり、プロファイルをハッキングしたりすることはありません😉
- 数学とJavaScriptを理解していれば、それを変更できます。
- 通常に戻すには、ページをリロードします(F5)。