<div class="a">hello</div> <div class="b">bye</div>Я хочу, чтобы загрузить вторую ДИВ первый и первый ДИВ второй
У меня есть веб-сайт на одну страницу, и я хочу, чтобы ДИВ быть загружен первый, а затем второй, и ... Могу ли я сделать это только с HTML и css? Или нужен JavaScript или ...
Вы можете попробовать это с чем-то вроде.
$(document).ready(function() {
$(".b").delay(2000).fadeIn(500); //class b is on delay
});
Не удается сделать только HTML и CSS. Необходимо задействовать JavaScript или jQuery код тоже.
Да, вам нужен javascript, и я предлагаю jquery (javascript library). Более подробную информацию по адресу: 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. –