我想加载第二次DIV第一和第一格第二

问题描述：

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

我有一个页面的网站，我想一个div被加载，然后再第二个和...我能做到这一点正好与HTML和CSS？或者它需要JavaScript或...

为什么你不能只改变它们在HTML中的顺序？ – Qirel

您还需要实现JavaScript或jQuery代码。 –

答

你可以尝试用类似的东西。

$(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>

并更改文件的顺序。您想要订购的订单。

我想加载第二次DIV第一和第一格第二

相关推荐