jQuery實(shí)現(xiàn)右側(cè)抽屜式在線客服功能-創(chuàng)新互聯(lián)

我們先來看下實(shí)際運(yùn)行效果圖：

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作與策劃設(shè)計(jì),潁上網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:潁上等地區(qū)。潁上做網(wǎng)站價(jià)格咨詢:028-86922220

jQuery實(shí)現(xiàn)右側(cè)抽屜式在線客服功能

先給大家看下整體代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>jQuery橙色右側(cè)抽屜式在線客服代碼_創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司</title>
<link href="css/lrtk.css" rel="external nofollow" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<script>
$(function() {
	// 懸浮窗口
	$(".yb_conct").hover(function() {
		$(".yb_conct").css("right", "5px");
		$(".yb_bar .yb_ercode").css('height', '200px');
	}, function() {
		$(".yb_conct").css("right", "-127px");
		$(".yb_bar .yb_ercode").css('height', '53px');
	});
	// 返回頂部
	$(".yb_top").click(function() {
		$("html,body").animate({
			'scrollTop': '0px'
		}, 300)
	});
});
</script>
</head>
<body>
<!-- 代碼 開始 -->
<div class="yb_conct">
 <div class="yb_bar">
  <ul>
   <li class="yb_top">返回頂部</li>
   <li class="yb_phone">400-123-456</li>
   <li class="yb_QQ">
   	<a target="_blank"  rel="external nofollow" title="即刻發(fā)送您的需求">在線咨詢</a>
   </li>
   <li class="yb_ercode" >微信二維碼 <br>
    <img class="hd_qr" src="images/weixin.jpg" width="125" alt="關(guān)注你附近"> </li>
  </ul>
 </div>
</div>
<!-- 代碼 結(jié)束 -->

<div >
<p>使用方法：</p>
<p>1、在head區(qū)域引入樣式表文件lrtk.css</p><p>2、在head區(qū)域引入jquery.js和js代碼</p><p>3、在你的網(wǎng)頁中加入&lt;!-- 代碼 開始 --&gt;&lt;!-- 代碼 結(jié)束 --&gt;注釋區(qū)域代碼</p><p>4、QQ號(hào)碼和電話號(hào)碼，二維碼圖片修改成你自己的就可以了。</p></p>
<p ></p>
</div>
</body>
</html>

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前題目：jQuery實(shí)現(xiàn)右側(cè)抽屜式在線客服功能-創(chuàng)新互聯(lián)
路徑分享：http://chinadenli.net/article0/dhjjoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號(hào)、網(wǎng)站改版、網(wǎng)站建設(shè)、Google、電子商務(wù)、虛擬主機(jī)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jQuery實(shí)現(xiàn)右側(cè)抽屜式在線客服功能-創(chuàng)新互聯(lián)