Cách Random Style Background Bằng Javascript
Chào mọi người đã quay lại với blog Sĩ Ben IT, thì với tiêu đề là Random Style Background bằng js hay còn gọi là javascript. Chúng ta sẽ có thể thay đổi nền website hay blogspot một cách dễ dàng. Khi mỗi lần load trang thì sẽ thay đổi hình nền.
Đây là đoạn javascript mà chúng ta cần nói đến.
Thì mỗi url là một địa chỉ ảnh, có thể thay đổi tuỳ thích hoặc xoá bớt nhé.
Để sử dụng được đoạn này thì chúng ta cần phải thay thẻ <body> thành:
Sau khi làm xong, hãy nhấn f5 trang để thấy thành quả nhé.
Đây là đoạn javascript mà chúng ta cần nói đến.
/*Code By Sĩ Ben IT Blogger: www.sibenit.net*/
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
random_background();
});
function random_background(){
var random = Math.floor(Math.random()*6)+0;
var backgrounds = [
"url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuIp6rBdvtxppS6CdbvLZzaF4MQgCGq6HKiEf78OA4Ifp9sjZCxH91HnbrhmQ6Amm8NA9FGNkwBq_IQW46Ih11K4gYd2RRPWOE_ZJuWoxomjwAT1Njw_t9AUzHkCdOMtG9pPyOltF7Eecv/s1600/15.jpg')",
"url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiv-vcyDZmmb6gksE52opnOAcLzb9OCu-QxjdXSgwuBuI8claZvHn0XXmBTCS28Zp0LFIO9-Slwt7FDm8gi9h5om3Ae_ozHtJbImXYYET7C9srgV_4_rm8YQ9D-062_W1Lb0Y6jnX6cOwt/s1600/tumblr_phuoaerOt71rogvb0o1_1280.jpg')",
"url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Ua2kooM6QMf-tCkce6X0BIh_0-KfUEXvhEa5MTyanv7Iz4-1ty0lBMXFvtrk2p6KVOSO1-sdxdIt1TXGsGmczrzT3d9KusP7HJt-CElcqzkJ6cfjyUnfOk7xNKOLWgqkhlKRpioJepaw/s1600/rtFxzzx.jpg')",
"url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA7cac6JSsY7n9dlXnHYlOlEXxxm8RuRlp_8Gih_UKu05ROokTiWSHfTaoEOTGfRd60SJ8eo0PvOI1ZWmWHMyts3psBO5HAD6HQdy2wMdiKhsv6rysQwEr5Buy8iVQiqffSNanWu2zFowp/s1600/qIMC0Bh.jpg')",
"url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSe_fGfBI8Nka1fAIG71FEjI6WwLArRbMV4mZTud07YhAjofh4lYJJeVkRcgkNWiTDDtwlmPOIvd_Y9uDhn10PIpMz2otztz2olj0a0sv_irjj4FR5uIdjavj8ttHiZSg7wmDcAWN16NWr/s1600/pfHumRA.jpg')",
"url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidR9Q62x7X5Pl5FNU8nI7MW_xOGu4j1VpitG8ZlMiW846FGOUlwVr1nPuqqJYZNQg29PEVzxMIHzqaI7MONlpzY9p9oaWkIOAvG_bTRq_js3oTuxkZfTn-KOLTxh0F_KFP1ZHrS2BhR_PR/s1600/mgVth6w.jpg')"];
document.getElementById("random-siben").style.background=backgrounds[random]+" no-repeat center center";
}
//]]> </script>
Thì mỗi url là một địa chỉ ảnh, có thể thay đổi tuỳ thích hoặc xoá bớt nhé.
Để sử dụng được đoạn này thì chúng ta cần phải thay thẻ <body> thành:
<body id="random-siben">
Sau khi làm xong, hãy nhấn f5 trang để thấy thành quả nhé.
Đăng nhận xét
Chào mừng bạn đã đến với blog nhật ký!