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

Я пытаюсь сделать боковые панели социальных сетей, которые выдвигаются за край экрана при наведении курсора, я просто не понимаю, как это сделать.

Пример того, что я пытаюсь сделать: http://journal.digital-atelier.com/1/ < / а>

1
tman16 26 Июл 2013 в 08:23
Вы хотите, чтобы они тоже скользили по странице?
 – 
James
26 Июл 2013 в 08:32
Нет, ваш ответ ниже идеален, спасибо!
 – 
tman16
26 Июл 2013 в 10:04

1 ответ

Лучший ответ

Вот пример ----> FIDDLE

Вот еще один пример с двумя выдвигающимися -----> FIDDLER 2 SLIDE

Установка элемента на фиксированный, часть за пределами экрана и часть на экране. Затем вы просто анимируете какое-то событие. Либо mouseenter, либо click

Просто пример кода для приведенной выше ссылки на скрипт. Перейдите по ссылке Fiddle, чтобы увидеть больше

$('body').on('mouseenter','#social-hover',function(){
    $('#social-hover').animate({
        left: '150px'
    },250);
    $('#social-main').animate({
        left: '0px'
    },250);
});



$('body').on('mouseleave','#container',function(){
    $('#social-hover').animate({
        left: '0px'
    },250);
    $('#social-main').animate({
        left: '-150px'
    },250);
});
1
James 26 Июл 2013 в 08:57