12-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