社交網絡側欄盒子可以在懸停上展開

Question

試過了一段時間纔得到這個工作，並會很感激任何幫助。

我想要做的是從懸停的屏幕邊緣滑出的社交網絡側欄框，我只是不知道該怎麼做。什麼我試圖做

例子：http://journal.digital-atelier.com/1/

Answer 1

下面是一個例子---->FIDDLE

這裏有兩個滑出----->FIDDLER 2 SLIDE

另一個例子

將項目設置爲固定，部分不在屏幕上，部分在屏幕上。然後你只是在某些事件上製作動畫。 mouseenter或click

只是一些示例代碼陪伴上面的小提琴鏈接。按照小提琴鏈接查看更多

$('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); 
});