$('#contentAll').bind('click', function () {
$('#youcelan').css('right', '-255px');
$('#end').css('backgroundColor', '#3B3A49');
$('#change').addClass('fabu');
});
代码其实很简单,这里说一下布局:
'#contentAll'指的是除侧边栏之外的所有的内容都包括在内,
'#youcelan'是指右边所定位和要动画的显示,收起的边栏。
<b>当然,我们可以通过改变多种CSS来实现动画,一般通过改变定位,或者改变元素的margin值,或者通过CSS3动画来完成。