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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Помогите доделать!

 PHP.SU

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


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

> Описание: JQuery
UNTRUSTED
Отправлено: 03 Апреля, 2012 - 10:58:14
Post Id


Частый гость


Покинул форум
Сообщений всего: 255
Дата рег-ции: Март 2012  


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




В JS понемногу начинаю разбираться, а вот в JQuery полный нубУлыбка
нашел скрипт, насколько смог - переделал!
Вот выполнение, ниже напишу что нужно доизменить:
CODE (htmlphp):
скопировать код в буфер обмена
  1. <script>
  2. $(document).ready(function(){
  3.  $("zoom").hover(function(){
  4.    $(this).find('span').stop().animate({
  5.      top: '-100px',left: '-100px',width: '500px',height: '500px'
  6.    }, 400);
  7.  }, function(){
  8.    $(this).find('span').stop().animate({
  9.      width: '50px',height: '50px'}, 250);
  10.    });
  11.  });
  12. </script>
  13.  
  14. <style>
  15. zoom{
  16.  position:relative;
  17.  display:block;
  18.  width:50px;
  19.  height:50px;
  20. }
  21. span{
  22.  background:url(...) no-repeat;
  23.  width:50px;
  24.  height:50px;
  25.  display:block;
  26. }
  27. </style>
  28. <zoom><span></span></zoom>
  29.  

Вообщем выполняет он растяжение изображения по событию .hover!
Нужно изменить чтобы было по событию .click растягивает, а когда убираешь мышь стягивает обратно... т.е. если по обычному(onclick и onmouseout)
Кто подскажет?
(Добавление)
P.S. не смотрите что тег <zoom>, знаю что такого нетуУлыбка это для примера!
 
 Top
DelphinPRO
Отправлено: 03 Апреля, 2012 - 11:04:02
Post Id



Активный участник


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


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




CODE (javascript):
скопировать код в буфер обмена
  1. $('zoom')
  2.     .click(function(){
  3.         $(this).animate()
  4.     })
  5.     .mouseleave(function(){
  6.         $(this).animate()
  7.     })
  8. ;
события jQuery

(Отредактировано автором: 03 Апреля, 2012 - 11:09:43)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
UNTRUSTED
Отправлено: 03 Апреля, 2012 - 11:15:43
Post Id


Частый гость


Покинул форум
Сообщений всего: 255
Дата рег-ции: Март 2012  


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




спс работает!
Я знал что все просто, но не подозревал что настолькоУлыбка
(Добавление)
http://jquery[dot]page2page[dot]ru
+1 мануал в закладкиУлыбка
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB