Cách Random Style Background Bằng Javascript

Đặng Tiến Sĩ Tác giả:
Xuất bản: Thứ Hai, 10 tháng 12, 2018 -

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.

/*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://2.bp.blogspot.com/-Bzpc7qQrK4A/XAdQpbhqbrI/AAAAAAAAED0/O4tHgW5YVS4q97rsYeSDIswrXRHincDXgCEwYBhgL/s1600/15.jpg')",
"url('https://3.bp.blogspot.com/-8kdRw4qGqVc/XAdTow1AyBI/AAAAAAAAEQA/M0OvVEhCCDgrQ8vrHOnUAc1q61cvpeS-wCLcBGAs/s1600/tumblr_phuoaerOt71rogvb0o1_1280.jpg')",
"url('https://2.bp.blogspot.com/-u9rwEozG_GQ/XAdTndX4t6I/AAAAAAAAEPo/XNSlrrlTs8Mnl4VA-KQhbcGe8LtRr1_lwCLcBGAs/s1600/rtFxzzx.jpg')",
"url('https://2.bp.blogspot.com/-MxdWBj8dmk0/XAdTlT4MrcI/AAAAAAAAEPU/xgsPkvdLhrolzafJxR0UbPW8lNpZzI4QACLcBGAs/s1600/qIMC0Bh.jpg')",
"url('https://4.bp.blogspot.com/-Mv_QXdwoabE/XAdTjzn4czI/AAAAAAAAEPI/f_nzI9Vjdq88ywkUX2ZRaFrq0hSW64E9ACLcBGAs/s1600/pfHumRA.jpg')",
"url('https://1.bp.blogspot.com/-aP4gQUeNOOE/XAdThFExWrI/AAAAAAAAEOk/25nK7shRraoYwbGLSlN_lLTrZx3O18qKgCLcBGAs/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é.

Tag:
0 Like
0 Comment More Emoticon
0 Nhận xét
Sắp xếp theo



Không có nhận xét nào. bạn hãy là người đầu tiên.


Bài Viết Có Thể Xem

THÔNG BÁO

Biên tập nội dung: Đặng Tiến Sĩ
Sĩ Ben IT Blogger giữ bản quyền nội dung trên website này
Chỉ được phát hành lại nội dung khi có sự đồng ý của chủ sở hữu
Mọi thư từ góp ý vui lòng gửi về địa chỉ dangtiensi.vn@gmail.com

Đóng Liên hệ

Thông báo của Admin