(jquery)右边折叠菜单点击展开兼容火狐、IE6

jquery写的右边折叠菜单点击展开兼容火狐、IE6，可以悬浮在浏览器右边随屏滚动，样式比较丑，自己写样式或者做图片美化吧，一点不会写样式或者图片美化可能比较悲剧。因为我的样式太丑了不能直接用^_^。

css代码：里面的背景颜色字体颜色和宽高样式自行调整，其他的样式建议你不要乱动。

右边折叠菜单点击展开 html代码如下：
<div id="righteject">
    <strong class="rightejecttit"><span>右边折叠标题</span></strong>
    <div class="rightejectcon">
        右边折叠    
    </div>
</div>

css代码：里面的背景颜色字体颜色和宽高自行调整。
#righteject{ position:fixed; top:200px; right:0px; z-index:900000000;
_position:absolute;/*兼容IE6*/
/*_top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);始终位于底部*/
_top: expression(documentElement.scrollTop+200);}/*兼容IE6*/
*html{background-image:url(about:blank);background-attachment:fixed;}
.rightejecttit{ width:30px; height:200px; text-align:center;display:block; float:left; cursor:pointer;
background-color:#000; color:#FFF; }
.rightejectcon{ width:0px; height:200px; overflow:hidden; float:left;
background-color:#CCC; }
.rightejecttit span{ position:relative; top:50%;display:block;z-index:910000000;}
.rightejectthis{ background-color:#930;}

右边折叠菜单点击展开js代码如下：
$(document).ready(function(){
    
    $('#righteject strong').toggle(
      function () {
         $(this).addClass("rightejectthis").next("div").animate({width: '+300px'}, "100");
      },
      function () {
        $(this).removeClass("rightejectthis").next("div").animate({width: '-300px'}, "100");
      }
    );
    /*下面这一句只是为了让标题中的文本垂直居中，如果你使用图片做tit或者你知道span的高度，你可以删除它，在.rightejecttit span写上margin-top:span高度的一半*/
    $('#righteject strong span').css("margin-top",-$('#righteject strong span').height()*0.5);

});

懒人建站提醒你不要忘了引用jquery库哦，^_^。