<div class="a">hello</div> <div class="b">bye</div>
我想加載第二次DIV第一和第一格第二
我有一個頁面的網站,我想一個div被加載,然後再第二個和...我能做到這一點正好與HTML和CSS?或者它需要JavaScript或...
<div class="a">hello</div> <div class="b">bye</div>
我想加載第二次DIV第一和第一格第二
我有一個頁面的網站,我想一個div被加載,然後再第二個和...我能做到這一點正好與HTML和CSS?或者它需要JavaScript或...
你可以嘗試用類似的東西。
$(document).ready(function() {
$(".b").delay(2000).fadeIn(500); //class b is on delay
});
不能只HTML和CSS完成。需要涉及JavaScript或jQuery代碼也一樣。
是的,你需要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>
只需用javascript做到這一點:
你的身體更改爲<body onload="onloadFunction()">
將style="display: none;"
添加到您的div元素
添加下面的腳本:
<script language="javascript" type="text/javascript">
function onloadFunction(){
document.getElementsByClassName("a").style.display = "true";
document.getElementsByClassName("b").style.display = "true";
}
</script>
並更改文件的順序。您想要訂購的訂單。
爲什麼你不能只改變它們在HTML中的順序? – Qirel
您還需要實現JavaScript或jQuery代碼。 –