ECshop兩個自動收縮浮動在線客服代碼，QQ客服、在線MSN、旺旺，兼容IE、 FF

--------------------------------------------------------------------------------
更新：增長客服2紅色皮膚
修正：FF3顯示不隱藏問題
--------------------------------------------------------------------------------
文件夾OKQQ 或 QQkefu 直接放在商城網站根目錄
調用例子：

UTF 調用

1. <link href="OKQQ/images/qq.css" rel="stylesheet" type="text/css" />
2. <script language='javascript' src='OKQQ/ServiceQQ.js' type='text/javascript' charset='utf-8'></script>

複製代碼

1. <link href="QQkefu/images/qq.css" rel="stylesheet" type="text/css" />
2. <script language='javascript' src='QQkefu/ServiceQQ.js' type='text/javascript' charset='utf-8'></script>

複製代碼

========================================
ECshop專用下載：

客服1左側顯示下載：

客服1右側顯示下載：

客服2下載：

客服2紅色皮膚下載：

調用說明：

百度網盤下載：http://pan.baidu.com/share/link?shareid=10841&uk=537093969
=========================================


效果如圖：



================================================
以客服1 utf 在 default 模板應用爲例
操做說明：

一、複製OKQQ目錄到商城安裝的根目錄

二、找到 themes\default\library\page_footer.lbi

在底部加入紅色代碼

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--底部 導航 start-->
<div id="bottomNav" class="box">
<div class="box_1">
  <div class="bNavList clearfix">
   <div class="f_l">
   <!-- {if $navigator_list.bottom} -->
   <!-- {foreach name=nav_bottom_list from=$navigator_list.bottom item=nav} -->
        <a href="{$nav.url}" <!-- {if $nav.opennew eq 1} --> target="_blank" <!-- {/if} -->>{$nav.name}</a>
        <!-- {if !$smarty.foreach.nav_bottom_list.last} -->
           -
        <!-- {/if} -->
      <!-- {/foreach} -->
  <!-- {/if} -->
   </div>
   <div class="f_r">
   <a href="#top"><img src="images/bnt_top.gif" /></a> <a href="../index.php"><img src="images/bnt_home.gif" /></a>
   </div>
  </div>
</div>
</div>
<!--底部導航 end-->
<div class="blank"></div>
<!--版權 start-->
<div id="footer">
<div class="text">
{$copyright}<br />
{$shop_address} {$shop_postcode}
<!-- 客服電話{if $service_phone} -->
      Tel: {$service_phone}
<!-- 結束客服電話{/if} -->
<!-- 郵件{if $service_email} -->
      E-mail: {$service_email}<br />
<!-- 結束郵件{/if} -->
<!-- QQ 號碼 {foreach from=$qq item=im} -->
      <!-- {if $im} -->
      <a href="http://wpa.qq.com/msgrd?V=1&Uin={$im}&Site={$shop_name}&Menu=yes" target="_blank"><img src="http://wpa.qq.com/pa?p=1:{$im}:4" height="16" border="0" alt="QQ" /> {$im}</a>
      <!-- {/if} -->
      <!-- {/foreach} 結束QQ號碼 -->
      <!-- 淘寶旺旺 {foreach from=$ww item=im} -->
      <!-- {if $im} -->
      <a href="http://amos1.taobao.com/msg.ww?v=2&uid={$im|escape:u8_url}&s=2" target="_blank"><img src="http://amos1.taobao.com/online.ww?v=2&uid={$im|escape:u8_url}&s=2" width="16" height="16" border="0" alt="淘寶旺旺" />{$im}</a>
      <!-- {/if} -->
      <!--{/foreach} 結束淘寶旺旺 -->
      <!-- Yahoo Messenger {foreach from=$ym item=im} -->
      <!-- {if $im} -->
      <a href="http://edit.yahoo.com/config/send_webmesg?.target={$im}n&.src=pg" target="_blank"><img src="../images/yahoo.gif" width="18" height="17" border="0" alt="Yahoo Messenger" /> {$im}</a>
      <!-- {/if} -->
      <!-- {/foreach} 結束Yahoo Messenger -->
      <!-- MSN Messenger {foreach from=$msn item=im} -->
      <!-- {if $im} -->
      <img src="../images/msn.gif" width="18" height="17" border="0" alt="MSN" /> <a href="msnim:chat?contact={$im}">{$im}</a>
      <!-- {/if} -->
      <!-- {/foreach} 結束MSN Messenger -->
      <!-- Skype {foreach from=$skype item=im} -->
      <!-- {if $im} -->
      <img src="http://mystatus.skype.com/smallclassic/{$im|escape:url}" alt="Skype" /><a href="skype:{$im|escape:url}?call">{$im}</a>
      <!-- {/if} -->
  <!-- {/foreach} --><br />
  <!-- ICP 證書{if $icp_number} -->
  {$lang.icp_number}:<a href="http://www.miibeian.gov.cn/" target="_blank">{$icp_number}</a><br />
  <!-- 結束ICP 證書{/if} -->
  {insert name='query_info'}<br />
  {foreach from=$lang.p_y item=pv}{$pv}{/foreach}{$licensed}<br />
    {if $stats_code}
    <div align="left">{$stats_code}</div>
    {/if}
    <div align="left"  id="rss"><a href="{$feed_url}"><img src="../images/xml_rss2.gif" alt="rss" /></a></div>
</div>
</div>
<link href="OKQQ/images/qq.css" rel="stylesheet" type="text/css" />
<script language='javascript' src='OKQQ/ServiceQQ.js' type='text/javascript' charset='utf-8'></script>