Old school Easter eggs.
JavaScript hình nền chuyển đổi liên tục | HTML - CSS - JS | Thảo luận Wap/Web - DDVP.MOBIE.IN
Trang ChủWap/WebXtgem ClubMediaTruyện Hay
Đăng NhậpĐăng Kí
HomeThảo luận Wap/WebHTML - CSS - JS
Tìm Kiếm | - 1 *Login to reply
▼ JavaScript hình nền chuyển đổi liên tục
* Admin
• Cấp Bậc: admin
13-12-2016
Đây là code hình nền chuyển đổi qua lại khá đẹp mắt được viết bằng JavaScript kết hợp với CSS.

Code áp dụng rất đơn giản, chỉ cần dán đoạn mã sau vào cuối trang:
<script>var rotate = false;
function setbackground(){
  window.setTimeout( "setbackground()", 5000);
  newImage = rotate ? 'url(//abs.twimg.com/b/front_page/v1/JP_ASIA_6.jpg)' : 'url(//abs.twimg.com/b/front_page/v1/JP_ASIA_2.jpg)';
  rotate = !rotate;
  document.getElementsByTagName('body')[0].style.backgroundImage = newImage;
}
setbackground();</script>
<style type="text/css">body{background-repeat:no-repeat;background-position-x:50%;transition:background 1s ease;}</style>
Copy code


Bạn có thể thay đổi link ảnh theo ý thích.

Demo: http://sharecode.wap.mu/main.php?f=3473814

Nguồn: phonho
▲ Tổng số: 1
- BBCode:

- Link:
CHÚ ÝNội quy forum