jquery 随屏漂浮客服 兼容ie6
更新:HHH   时间:2023-1-7


<script type="text/javascript" src="js/jquery.min.js"></script>


     <script>

         $(function(){



             var ie6 = $.browser.msie && parseInt($.browser.version)<=6 ;


             if(ie6){


                 $("#floatTools").css({"position": "absolute", bottom:"148px", right:"0px"});

                 var menuYloc = parseFloat($("#floatTools").css('top'), 200);

                 $(window).scroll(function () {

                     var offset = menuYloc+$(document).scrollTop()+"px";

                     $("#floatTools").animate({top:offset},{duration:500,queue:false});

                 });

             }

             else {

                 $("#floatTools").css({position: "fixed", right:"0px", "margin-right":"0px"});

                 var offset = 148 + "px";

                 $("#floatTools").animate({bottom:offset},{duration:500,queue:false});

             }



         })

   </script>

       <DIV id=floatTools class=float0831>

 <DIV class=floatL><A style="DISPLAY: none" id=aFloatTools_Show class=btnOpen

title=查看在线客服

onclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show(); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');"

href="void(0);">展开< /A> <A id=aFloatTools_Hide class=btnCtn

title=关闭在线客服

onclick="javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide(); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');"

href="void(0);">收缩< /A> </DIV>

 <DIV id=divFloatToolsView class=floatR>

   <DIV class=tp></DIV>

   <DIV class=cn>

     <UL>

       <LI class=top1>

         <H3 class=titZx>QQ咨询</H3>

       </LI>

       <LI><SPAN class=icoZx>在线咨询</SPAN> </LI>

         <%string[] qqlist = BLL.article.articleContent("客服qq以英文逗号分隔").Split(',');

           foreach(string qq in qqlist){ %>

       <LI><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=<%=qq %>&site=qq&menu=yes">

           <img border="0" src="http://wpa.qq.com/pa?p=2:<%=qq %>:42" alt="点击这里给我发消息" title="点击这里给我发消息"></a> </LI>

         <%} %>


     </UL>


   </DIV>

 </DIV>

</DIV>

声明 jquery部分摘自http://hi.baidu.com/annada2010/item/5d4a925667bd80ca9f2667f4

返回web开发教程...