0

Есть код (http://jsfiddle.net/ почему-то не работает).

html

<body>
<div id="wrapper">
    <div id="header"><h1>Ты что делаешь ?!</h1></div>
    <div id="content"><h1>Dont click!</h1></div>
    <div id="footer"><h1>Не нажимать !)</h1></div>
</div>
    <script>
myfun();
document.write ("<hr/>")

</script>

<div id="input_id"><input id="inputt" type="button" value="Dont click!" onclick="myfun2();"></div>

</body>

JS

> function myfun() {
document.write ("<p>Hello</p>");
document.write ("<p>User</p>");
document.write ("<p>You Good Boy :D</p>");
$('h1').hide(0);
}

function myfun2 () {
$('h1').show(1000);
$('h1').hide(3000);
}

Как мне сделать то же самое только на Javascript без JQuery?

2
  • Интересует именно myfun2
    – mi4i
    12 дек 2014 в 12:52
  • Через GetElementID и изменять стили?
    – mi4i
    12 дек 2014 в 13:01

1 ответ 1

0

Не работает на jsfiddle, так как

  1. Он не умеет работать с встроенными в тег функциями обработки, если они отделены в js секцию.

  2. Там запрещено использовать document.write()

  3. Вот так работает


Если хотите сделать это без jquery, то придется вручную увеличивать и уменьшать высоту элемента и прозрачность(если надо) с помощью setInterval, а так же позаботиться о кроссбраузерности.

1
  • 1
    @Alex Krass, проблема была не с тем, что на фиддле не работало, а с тем что jsfiddle вообще не работал :)
    – MasterAlex
    13 дек 2014 в 5:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.