弹出框渐渐出来 和渐渐 消失的代码 主要是看 jquery animate方法

 <a looyu_bound="1" style="display: none;" id="aFloatTools_Show" class="btnOpen" title="查看在线客服" onclick="javascript:jQuery(this).css('display','none') ;jQuery('#aFloatTools_Hide').css('display','block'); jQuery('#divFloatToolsView').animate({width: '130px',opacity: 'show'}, 'normal',function(){ jQuery('#divFloatToolsView').css('display','block');}); ;return false;" href="#">展开</a>
   <a style="display: block;" looyu_bound="1" id="aFloatTools_Hide" class="btnCtn" title="关闭在线客服" onclick="javascript:jQuery(this).css('display','none');jQuery('#aFloatTools_Show').css('display','block'); jQuery('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){jQuery('#divFloatToolsView').css('display','none');});;return false;" href="#">收缩</a> </div>