Chào mừng bạn đến vói vietvbb.vn. Hãy Đăng nhập hoặc Đăng Ký để tham gia thảo luận tại diễn đàn.



Results 1 to 5 of 5

Thread: Hiệu ứng thời tiết thay đổi theo thời gian cùng với hình nền

  1. #1
    Join Date
    17 February 2015
    Posts
    1
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Rep Power
    5

    Post Hiệu ứng thời tiết thay đổi theo thời gian cùng với hình nền

    Giống như code ở dưới nó thay đổi background theo giờ thì mình muốn chèn thêm hiệu ứng đi kèm như sấm chớp, mưa... tự động thay đổi theo giờ cùng background phải làm thế nào ạ?

    Mọi người coi giùm em có thể thêm hiệu ứng chạy đồng thời hiệu ứng và thay đổi background cùng lúc vào code nào ạ?

    Code:
    <?PHP 
     date_default_timezone_set ( "Asia/Ho_Chi_Minh" );
     $gio=date(H);
     //sang
     if ($gio >6 && $gio <=12) 
     {$bg = "link ảnh";}
     //chieu
     elseif ($gio >12 && $gio <=16)
     {$bg = "link ảnh";}
     //hoang hon
     elseif ($gio >16 && $gio <=18)
     {$bg = "link ảnh";}
     //toi
     elseif ($gio >18  &&  $gio <=24) 
     {$bg = "link ảnh";}
     //binh minh
     elseif ($gio >1 && $gio <=6) 
     {$bg = "link ảnh";}
     header('Location: ' .$bg);
     ?>
    Code:
    <style type="text/css">
        body {background:url('link ảnh')no-repeat fixed center center;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;transition: all 1.0s ease;}
    </style>
    <script type="text/javascript">
    var num; var temp=0; var speed=5000;/* thoi gian tinh bag mili giay */ 
    var preloads=[]; /* add any number of images here */
    preload( 'link ảnh', 'link anh2', link anh3', 'link anh4' ); 
    function preload(){ 
        for(var c=0;c<arguments.length;c++) { 
            preloads[preloads.length]=new Image(); preloads[preloads.length-1].src=arguments[c]; 
    }} 
    function rotateImages() { 
    num=Math.floor(Math.random()*preloads.length); 
        if(num==temp){ 
            rotateImages(); 
    } 
    else{ 
    document.body.style.backgroundImage='url('+preloads[num].src+')'; temp=num; 
    setTimeout(function(){rotateImages()},speed); 
    }} 
    if(window.addEventListener){ 
    window.addEventListener('load',function(){
        setTimeout(function(){rotateImages()
        }
        ,speed)},false); 
        } 
        else { 
        if(window.attachEvent){ 
            window.attachEvent('onload',function(){
                setTimeout(function(){rotateImages()}
                ,speed)}); }} 
    </script>

  2. #2
    Join Date
    23 March 2015
    Posts
    8
    Thanks
    0
    Thanked 1 Time in 1 Post
    Rep Power
    5
    Cái này chỉ cần cho vào giao diện là được rồi đúng không bạn? có cần chỉnh sửa gì nữa không?

  3. #3
    Join Date
    3 April 2015
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Rep Power
    5
    cái này bỏ vào file nào vậy mấy bác. Em mới tập làm cái này nên không biết. Xin được chỉ giáo. Thanks

  4. #4
    Join Date
    15 January 2016
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Rep Power
    4
    mình nghĩ cách thức nó làm cũng giống như bạn làm thay đổi backbround thôi

  5. #5
    Join Date
    11 July 2010
    Posts
    456
    Thanks
    112
    Thanked 41 Times in 33 Posts
    Rep Power
    19
    Đag dùng xen, thử xem sao



Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. [HELP] Code quảng cáo banner thay đổi theo thời gian, hoặc sau mỗi làn refresh
    By stephen in forum vB4 Thiết Kế Giao Diện
    Replies: 1
    Last Post: 3 April 2015, 09:13 AM
  2. [Mini Mods] [FIXED]Lời chào thay đổi theo thời gian trong ngày
    By Bón in forum VietVBB Template Edition
    Replies: 86
    Last Post: 14 March 2013, 08:47 PM
  3. [Mini Mods] Đổi background theo thời gian
    By mrhamchoi3x in forum VietVBB Template Edition
    Replies: 11
    Last Post: 29 July 2011, 07:53 PM
  4. [HELP] Mod nhắc nhở theo thời gian
    By quachlong in forum vB3 Thảo Luận Lập Trình Mod
    Replies: 2
    Last Post: 19 April 2010, 09:38 PM
  5. [Mini Mods] Change Css - Thay đổi css theo thời gian và ngẫu nhiên
    By N.E.M D.Â.M in forum VietVBB Template Edition
    Replies: 14
    Last Post: 28 August 2009, 02:19 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •