jquery实现帮侧悬浮可收缩层

javaScript代码

 <script type="text/javascript">
$(document).ready(function(){

/*

返回值:jQuerybind(type,[data],fn)

type,[data],function(eventObject)String,Object,FunctionV1.0

type: 含有一个或多个事件类型的字符串，由空格分隔多个事件。比如"click"或"submit"，还可以是自定义事件名。

data:作为event.data属性值传递给事件对象的额外数据对象

fn:绑定到每个匹配元素的事件上面的处理函数

为每个匹配元素的特定事件绑定事件处理函数。

*/

 $("#floatShow").bind("mouseenter",function(){
 //自定义动画函数 opacity透明度
  $("#onlineService").animate({width:"show", opacity:"show"}, "normal" ,function(){
   $("#onlineService").show();
  $("#floatShow").attr("style","display:none");
  $("#floatHide").attr("style","display:block");
  });
  
 }