Форумы портала PHP.SU :: Версия для печати

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: ЯваСкрипт и JQuary

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » ЯваСкрипт и JQuary

Страниц (1): [1]

1. ytrewq123 - 01 Мая, 2018 - 00:26:23 - перейти к сообщению

Здравствуйте!
Вот такой вопрос.
Как написать на JQuary это.

CODE (javascript):
скопировать код в буфер обмена

<div onmouseover="this.getElementsByTagName('DIV')[0].style.display='block';"></div>

У меня нет ни ИД ничего всё создаётся на лету.
Так я писал всегда. Но есть желание красиво открыть ДИВ.
Конечно можно на ЯваСкрипте написать. Но много букв.
Вроде на JQuary одна строка. Но как такое?

2. Vladimir Kheifets - 01 Мая, 2018 - 12:40:26 - перейти к сообщению

ytrewq123 пишет:

Здравствуйте!
Вот такой вопрос.
Как написать на JQuary это.

CODE (javascript):
скопировать код в буфер обмена

<div onmouseover="this.getElementsByTagName('DIV')[0].style.display='block';"></div>

Доброе день!
Очень заманчиво - "желание красиво открыть ДИВ"
Для этого не нужен вообще JS и JQuary, а достаточно использовать CSS.

Спойлер (Отобразить)

Удачи!

3. ytrewq123 - 01 Мая, 2018 - 13:17:05 - перейти к сообщению

Спасибо вам. Да ховерка это хорошо. Но есть желание в виде чего-то такого.

CODE (javascript):
скопировать код в буфер обмена

<!DOCTYPE html>
<html>
        <head>
        
                <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
                <script>
        $( document ).ready(function(){
          $( ".fadetoggle" ).click(function(){ 
            $( "div" ).fadeToggle( 1000, "linear", function(){ 
            });
          });
        });
                </script>
        </head>
        <body>
                <button class = "fadetoggle">Метод .toggle()</button>
                <hr>
                <div>TUTAAAAAAaaaaaaaaaaaaaaaaaaa</div>
        </body>
</html>

4. Vladimir Kheifets - 01 Мая, 2018 - 16:22:20 - перейти к сообщению

ytrewq123 пишет:

Спасибо вам. Да ховерка это хорошо. Но есть желание в виде чего-то такого.

CODE (javascript):
скопировать код в буфер обмена

<!DOCTYPE html>
<html>
        <head>
        
                <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
                <script>
        $( document ).ready(function(){
          $( ".fadetoggle" ).click(function(){ 
            $( "div" ).fadeToggle( 1000, "linear", function(){ 
            });
          });
        });
                </script>
        </head>
        <body>
                <button class = "fadetoggle">Метод .toggle()</button>
                <hr>
                <div>TUTAAAAAAaaaaaaaaaaaaaaaaaaa</div>
        </body>
</html>

Понятно, есть “желание в виде чего-то такого”...
и обязательно что-бы “красиво открыть ДИВ” использовать JQuary

Может быть меня не накажут по случаю праздника...

Спойлер (Отобразить)