Javascript 实现头部背景定时自动更换

找到heade.php。加入js

<script type="text/javascript">
    function sitebg() {
        var d = new Date();
        var hour = d.getHours();
        if (hour > 4 && hour <= 12) {
            document.getElementById(’header’).style.background = "url(’<?php echo TEMPLATE_URL;?>images/header_1.jpg’)";
            document.body.style.background = "url(’<?php echo TEMPLATE_URL;?>images/headerbg_1.png’) repeat-x scroll 0 10px #EFEFEF"
        } else if (hour > 12 && hour <= 18) {
            document.getElementById(’header’).style.background = "url(’<?php echo TEMPLATE_URL;?>images/header_2.jpg’)";
            document.body.style.background = "url(’images/headerbg_2.png’) repeat-x scroll 0 10px #EFEFEF"
        } else {
            document.getElementById(’header’).style.background = "url(’<?php echo TEMPLATE_URL;?>images/header_3.jpg’)";
            document.body.style.background = "url(’<?php echo TEMPLATE_URL;?>images/headerbg_3.png’) repeat-x scroll 0 10px #EFEFEF"
        }
    }
</script>

在 body 标签里加上 onload="sitebg()" 

<body onload="sitebg()">

完成。。看效果!~

您可以选择一种方式赞助本站

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: