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

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

1. ytrewq123 - 01 Мая, 2018 - 00:26:23 - перейти к сообщению
Здравствуйте!
Вот такой вопрос.
Как написать на JQuary это.
CODE (javascript):
скопировать код в буфер обмена
  1. <div onmouseover="this.getElementsByTagName('DIV')[0].style.display='block';"></div>

У меня нет ни ИД ничего всё создаётся на лету.
Так я писал всегда. Но есть желание красиво открыть ДИВ.
Конечно можно на ЯваСкрипте написать. Но много букв.
Вроде на JQuary одна строка. Но как такое?
2. Vladimir Kheifets - 01 Мая, 2018 - 12:40:26 - перейти к сообщению
ytrewq123 пишет:
Здравствуйте!
Вот такой вопрос.
Как написать на JQuary это.
CODE (javascript):
скопировать код в буфер обмена
  1. <div onmouseover="this.getElementsByTagName('DIV')[0].style.display='block';"></div>

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

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

Удачи!
3. ytrewq123 - 01 Мая, 2018 - 13:17:05 - перейти к сообщению
Спасибо вам. Да ховерка это хорошо. Но есть желание в виде чего-то такого.




CODE (javascript):
скопировать код в буфер обмена
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.        
  5.                 <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  6.                 <script>
  7.         $( document ).ready(function(){
  8.           $( ".fadetoggle" ).click(function(){
  9.             $( "div" ).fadeToggle( 1000, "linear", function(){
  10.             });
  11.           });
  12.         });
  13.                 </script>
  14.         </head>
  15.         <body>
  16.                 <button class = "fadetoggle">Метод .toggle()</button>
  17.                 <hr>
  18.                 <div>TUTAAAAAAaaaaaaaaaaaaaaaaaaa</div>
  19.         </body>
  20. </html>
4. Vladimir Kheifets - 01 Мая, 2018 - 16:22:20 - перейти к сообщению
ytrewq123 пишет:
Спасибо вам. Да ховерка это хорошо. Но есть желание в виде чего-то такого.
CODE (javascript):
скопировать код в буфер обмена
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.        
  5.                 <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  6.                 <script>
  7.         $( document ).ready(function(){
  8.           $( ".fadetoggle" ).click(function(){
  9.             $( "div" ).fadeToggle( 1000, "linear", function(){
  10.             });
  11.           });
  12.         });
  13.                 </script>
  14.         </head>
  15.         <body>
  16.                 <button class = "fadetoggle">Метод .toggle()</button>
  17.                 <hr>
  18.                 <div>TUTAAAAAAaaaaaaaaaaaaaaaaaaa</div>
  19.         </body>
  20. </html>


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

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

 

Powered by ExBB FM 1.0 RC1