PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
ytrewq123
Отправлено: 01 Мая, 2018 - 00:26:23
Post Id


Посетитель


Покинул форум
Сообщений всего: 328
Дата рег-ции: Окт. 2014  


Помог: 0 раз(а)




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

У меня нет ни ИД ничего всё создаётся на лету.
Так я писал всегда. Но есть желание красиво открыть ДИВ.
Конечно можно на ЯваСкрипте написать. Но много букв.
Вроде на JQuary одна строка. Но как такое?
 
 Top
Vladimir Kheifets
Отправлено: 01 Мая, 2018 - 12:40:26
Post Id



Частый гость


Покинул форум
Сообщений всего: 241
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 9 раз(а)




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

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

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

Удачи!

(Отредактировано автором: 01 Мая, 2018 - 12:45:21)

 
 Top
ytrewq123
Отправлено: 01 Мая, 2018 - 13:17:05
Post Id


Посетитель


Покинул форум
Сообщений всего: 328
Дата рег-ции: Окт. 2014  


Помог: 0 раз(а)




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




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>
 
 Top
Vladimir Kheifets
Отправлено: 01 Мая, 2018 - 16:22:20
Post Id



Частый гость


Покинул форум
Сообщений всего: 241
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 9 раз(а)




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

Может быть меня не накажут по случаю праздника...
Спойлер (Отобразить)
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB