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

    0

    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
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    //10  процентов  от  ширины  блока
var blockPercent = ($(".prod").width() / 100) * 10;

//наведение мышью на блок
$('.prod').mouseenter(function(cursor){
    //Добавление стиля для определения текущего блока
    $(this).addClass('selected-prod');

    var offset = $(this).offset();

    //left-right
    if (cursor.pageX - offset.left < blockPercent) {
        $('.selected-prod .prod-description').css({'height': '100%','left':'0px'});
        $('.selected-prod .prod-description').animate({'width': '100%'},200);
    }

    //right-left
    if (cursor.pageX - offset.left > $(this).width() - blockPercent) {
        $('.selected-prod .prod-description').css({'height': '100%', 'right':'0px'});
        $('.selected-prod .prod-description').animate({'width': '100%'},200);
    }
    
    //top-down
    if (cursor.pageY - offset.top < blockPercent) {
        $('.selected-prod .prod-description').css({'width': '100%'});
        $('.selected-prod .prod-description').animate({'height': '100%'},200);
    }
    
    //down-top
    if (cursor.pageY - offset.top > $(this).height() - blockPercent) {
        $('.selected-prod .prod-description').css({'width': '100%'});
        $('.selected-prod .prod-description').animate({'height': '100%','bottom':'0px'},200);
    }
});

    Наткнулся на проекте. Первая мысль: "Оно слишком быстро работало!"

    Запостил: ikenfin, 18 Августа 2017

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

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

    Ошибка компиляции комментария:
    1. Гости могут высказаться только во вторник, пятницу или субботу
    ava Помни, guest, за тобой могут следить!
    А не использовать ли нам bbcode?
    • [b]жирный[/b] — жирный
    • [i]курсив[/i] — курсив
    • [u]подчеркнутый[/u] — подчеркнутый
    • [s]перечеркнутый[/s] — перечеркнутый
    • [blink]мигающий[/blink] — мигающий
    • [color=red]цвет[/color] — цвет (подробнее)
    • [size=20]размер[/size] — размер (подробнее)
    • [code=<language>]some code[/code] (подробнее)
    Проверочный код