利用jquery實現多皮膚懸浮QQ客服插件



29 112 38



特效描述:利用jquery實現 多皮膚 懸浮QQ客服,利用jquery實現多皮膚懸浮QQ客服插件

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/service.css"/>

2. 引入JS

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.fixed.1.5.1.js"></script>

3. HTML代碼

<div class="demo" style="height:2000px;">        
    <div class="qhd-desc">
        <h2> 企戶動是首款融合手工建站與智能建站的企業建站平臺,讓企業網站變得靈活調整變更、完全個性定和傻瓜式操控,并逐步集成自助式的一體化網絡營銷工具。主要幫助網頁設計師解決一下問題:</h2>
        <h3>1、只需HTML CSS JS技能,即可將靜態HTML頁面轉化成動態網站</h3>
        <h3>2、無需掌握服務器端編程技術,也不必學習復雜的CMS或建站系統</h3>
        <h3>3、避免網站反復調整修改而消耗時間</h3>
        <h3>4、特約網頁設計師計劃,幫助您擴大建站客源量</h3>
        <h3>5、自動安裝網站定制SDK,無需手工配置,還可以使用慣用的網頁制作工具</h3>
    </div>
   <center>
  <span style="font-size:15px; font-weight:bold; text-align:center; line-height:25px; color:#000; width:100%"><br>
</center>
</div>
<!-- S 客服 -->
<div class="fixed_box" id="fixedBox">
    <div class="content_box">
        <div class="content_inner">
        	<div class="close_btn"><a title="關閉"><span>關閉</span></a></div>
            <div class="content_title"><span>客服中心</span></div>
            <div class="content_list">            	
                <div class="qqserver">
                    <p>                              
                        <a target="_blank" href="http://www.vxisgr.tw//msgrd?v=3&amp;uin=168660460&amp;site=qq&amp;menu=yes">
                          <img border="0" src="http://www.vxisgr.tw//pa?p=2:168660460:41" alt="點擊這里給我發消息" title="點擊這里給我發消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.vxisgr.tw//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.vxisgr.tw//pa?p=2:168660460:41" alt="點擊這里給我發消息" title="點擊這里給我發消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.vxisgr.tw//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.vxisgr.tw//pa?p=2:168660460:41" alt="點擊這里給我發消息" title="點擊這里給我發消息">
                          <span>方雨</span>
                    	</a>
                    </p>       
                    <p>                        
                        <a target="_blank" href="http://www.vxisgr.tw//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.vxisgr.tw//pa?p=2:168660460:41" alt="點擊這里給我發消息" title="點擊這里給我發消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.vxisgr.tw//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.vxisgr.tw//pa?p=2:168660460:41" alt="點擊這里給我發消息" title="點擊這里給我發消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.vxisgr.tw//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.vxisgr.tw//pa?p=2:168660460:41" alt="點擊這里給我發消息" title="點擊這里給我發消息">
                          <span>方雨</span>
                    	</a>
                    </p>             
                </div>               
                <hr>
                <div class="phoneserver">
                    <h5>客戶服務熱線</h5>
                    <p>請直接QQ聯系!</p>
                </div>
                <hr>
                <div class="msgserver">
                    <p><a href="http://www.vxisgr.tw//feedback/language_zh-CN?jsResource">給我們留言</a></p>
                </div>
            </div>
            <div class="content_bottom"></div>
        </div>
    </div>
    <div class="show_btn"><span>展開客服</span></div>
</div>
<!-- E 客服 -->
<!--  ================================== 分割線 ====================================  -->
<!-- S 客服 -->
<div class="fixed_box" id="fixedBox2">
    <div class="content_box">
        <div class="content_inner">
        	<div class="close_btn"><a title="關閉"><span>關閉</span></a></div>
            <div class="content_title"><span>客服中心</span></div>
            <div class="content_list">            	
                <div class="qqserver">
                    <p>                        
                        <a target="_blank" href="http://www.vxisgr.tw//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.vxisgr.tw//pa?p=2:168660460:41" alt="點擊這里給我發消息" title="點擊這里給我發消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.vxisgr.tw//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.vxisgr.tw//pa?p=2:168660460:41" alt="點擊這里給我發消息" title="點擊這里給我發消息">
                          <span>方雨</span>
                    	</a>
                    </p>
                    <p>
                        <a target="_blank" href="http://www.vxisgr.tw//msgrd?v=3&uin=168660460&site=qq&menu=yes">
                          <img border="0" src="http://www.vxisgr.tw//pa?p=2:168660460:41" alt="點擊這里給我發消息" title="點擊這里給我發消息">
                          <span>方雨</span>
                    	</a>
                    </p>  
                </div>               
                <hr>
                <div class="phoneserver">
                    <h5>客戶服務熱線</h5>
                    <p>請直接QQ聯系!</p>
                </div>
                <hr>
                <div class="msgserver">
                    <p><a href="http://51qianduan.com/">給我們留言</a></p>
                </div>
            </div>
            <div class="content_bottom"></div>
        </div>
    </div>
    <div class="show_btn"><span>展開客服</span></div>
</div>
<!-- E 客服 -->



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 浮動 懸浮 懸浮層 懸浮框 浮動層 浮動框 浮動插件 懸浮插件 收縮展開 展開收縮 收縮 展開 浮動提示框 在線客服 浮動菜單 浮動導航 收縮菜單 收縮導航 qq在線客服 qq客服 在線客服插件
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表