1. JavaScript / Говнокод #12030

    +160

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    jQuery('#items > div > a > img').hover(
    function(){
      jQuery(this).css('border', 'solid 1px gray');
      var pos = jQuery(this).parent().parent().position().left;
      var posTop = jQuery(this).parent().parent().position().top;
      jQuery(this).parent().parent().css('left', (pos-1));
      jQuery(this).parent().parent().css('top', (posTop-1));
    },
    function(){
      jQuery(this).css('border', '0');
      var pos = jQuery(this).parent().parent().position().left;
      var posTop = jQuery(this).parent().parent().position().top;
      jQuery(this).parent().parent().css('left', (pos+1));
      jQuery(this).parent().parent().css('top', (posTop+1));
    }
  )

    Вот такой вот неожиданный вариант отображения рамочек вокруг изображений в галерее при наведении курсора мыши. Наткнулся в проекте, над которым сейчас работаю.

    Запостил: nbspjr, 30 Октября 2012

    Комментарии (6) RSS

    • ava wvxvw 30.10.2012 17:16 # +2 

      jQuery(jQuery(jQuery(this).parent()).parent()).css('left', pos + 1);
      ney?

      Приактически jQueryFoldLeft!
      Ответить

    • ava Vindicar 30.10.2012 17:28 # 0

      Разумеется, навесить событие на div не дано.
      Ответить

      • ava volhv 30.10.2012 17:50 # +4

        достаточно голого CSS
        Ответить

        • ava nbspjr 30.10.2012 18:44 # 0

          угу. например, прозрачный однопиксельный бордер и закрашивание его по ховеру. можно было бы и outline, но в этом случае возникли проблемы с оперой (outline плохо подружился с zindex)
          Ответить

        • ava Vindicar 31.10.2012 15:59 # 0

          А, ну да. Не вникал что именно делает обработчик.
          Тут действительно js не нужен.
          Ответить

    • ava Vasiliy 30.10.2012 17:39 # +1

      cssQuery
      Ответить

    Добавить комментарий