2015-10-20 118 views
2

<div class="a">hello</div> <div class="b">bye</div>我想加載第二次DIV第一和第一格第二

我有一個頁面的網站,我想一個div被加載,然後再第二個和...我能做到這一點正好與HTML和CSS?或者它需要JavaScript或...

+0

爲什麼你不能只改變它們在HTML中的順序? – Qirel

+0

您還需要實現JavaScript或jQuery代碼。 –

回答

0

你可以嘗試用類似的東西。

$(document).ready(function() { 
    $(".b").delay(2000).fadeIn(500); //class b is on delay 
}); 

不能只HTMLCSS完成。需要涉及JavaScriptjQuery代碼也一樣。

0

是的,你需要JavaScript,我建議jQuery(JavaScript庫)。 更多信息在:http://www.w3schools.com/jquery/jquery_get_started.asp

,這裏是工作示例(只是瀏覽器中運行並點擊按鈕):

<div class="a" style="display: none;">hello</div> 
<div class="b" style="display: none;">bye</div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $('.a').show(); 
    setTimeout(function(){$('.b').show()}, 2000); 
}); 
</script> 
1

只需用javascript做到這一點:

  1. 你的身體更改爲<body onload="onloadFunction()">

  2. style="display: none;"添加到您的div元素

  3. 添加下面的腳本:

    <script language="javascript" type="text/javascript"> 
        function onloadFunction(){ 
         document.getElementsByClassName("a").style.display = "true"; 
         document.getElementsByClassName("b").style.display = "true"; 
        } 
    </script> 
    

並更改文件的順序。您想要訂購的訂單。

相關問題