ホームページ >ウェブフロントエンド >jsチュートリアル >JS設定をいじって背景画像をランダムに切り替える
何かをうまく開発したい場合、js の機能を過小評価することはできません。この記事では、js でランダムに切り替わる背景画像を設定する簡単な例を紹介します。編集者はこれがとても良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。
例は次のとおりです:
<script> var imgs =["http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_2.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default.png", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_3.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_1.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_4.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_5.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_6.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default-2.jpg", ]; var index=Math.floor(Math.random()*8); var img = imgs[index]; function time(){ document.body.style.backgroundImage="url("+img+")"; } document.body.onload = function(){ time(); } </script>
コードは非常に簡単に見えますが、マスターできたでしょうか。急いで試してみてください。
関連する推奨事項: Web ページの背景画像のランダムな切り替えを実装する
リンクを介して背景画像を切り替えるマウスの CSS 実装 code 例_html/css_WEB-ITnose
IE6 タグ 背景の切り替え 画像すぐに有効にすることはできません_html/css_WEB-ITnose
以上がJS設定をいじって背景画像をランダムに切り替えるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。