Автор Тема: jQuery намиране на hover-нат елемент  (Прочетена 3978 пъти)

0 Потребители и 1 Гост преглежда(т) тази тема.

HanKrum

  • Hero Member
  • *****
  • Благодарности
  • -Казани: 125
  • -Получени: 73
  • Публикации: 1005
  • Кибик
Re: jQuery намиране на hover-нат елемент
« Отговор #15 -: 04 Септември 2012, 13:18:27 »
Адаш, нещо такова:
Код: HTML
  1. <div id="elements">
  2.     <img class="img" id="dragEl1" src="img/1.jpg" alt="" />
  3.     <img class="img" id="dragEl2" src="img/2.jpg" alt="" />
  4.     <img class="img" id="dragEl3" src="img/3.jpg" alt="" />
  5.     <img class="img" id="dragEl4" src="img/4.jpg" alt="" />
  6.     <img class="img" id="dragEl5" src="img/5.jpg" alt="" />
  7.     <img class="img" id="dragEl6" src="img/6.jpg" alt="" />
  8.     <img class="img" id="dragEl7" src="img/7.jpg" alt="" />
  9. </div>
Код: Javascript
  1. $(document)ready(function(){
  2.     $('.img').click(function(){
  3.         var idto = $(this).attr('id');
  4.         $('#'+idto).append('<div id="contextMenu" oncontextmenu="return false">
  5.            <ul>
  6.                <li><a href="javascript:rotateLeft('+idto+');">завърти надясно</a></li>
  7.                <li><a href="javascript:rotateRight('+idto+');">завърти наляво</a></li>
  8.                <li><a href="javascript:lock('+idto+');">заключи</a></li>
  9.            </ul>
  10.        </div>');
  11.     });
  12. });
  13. function chao() {              
  14.     $('#contextMenu').remove();  
  15. }
  16. function rotateLeft(idto) {              
  17.     $('#'+idto).css({'-moz-transform' : 'rotate(90deg)'});
  18.     chao();
  19. }
  20. function rotateRight(idto) {              
  21.     $('#'+idto).css({'-moz-transform' : 'rotate(-90deg)'});
  22.     chao();
  23. }
  24. ...
« Последна редакция: 05 Септември 2012, 10:21:20 от HanKrum »
"Силата на правителството се крепи на невежеството на народа, и те знаят това и винаги ще се борят против просвещението." Лев Толстой