jquery左側可隱藏的QQ在線客服代碼



119 475 159



特效描述:jquery 左側可隱藏 QQ在線客服,左側可隱藏的在線QQ客服JS特效代碼

代碼結構

1. 引入CSS

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

2. 引入JS

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

3. HTML代碼

<div style="height:1200px;"></div>
<div id="divQQbox" class="QQbox">
	<div id="divOnline" class="Qlist">
		<div class="OnlineLeft">
			<div class="con">
				<ul>
					<li>售前咨詢<a target="_blank" href="tencent://message/?uin=9490489&amp;&amp;Site=www.198zone.com&amp;&amp;Menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=1:9490489:42"></a></li>
					<li>網站建設<a target="_blank" href="tencent://message/?uin=9490489&amp;&amp;Site=www.198zone.com&amp;&amp;Menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=1:9490489:42"></a></li>
					<li>網站優化<a target="_blank" href="tencent://message/?uin=9490489&amp;&amp;Site=www.198zone.com&amp;&amp;Menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=1:9490489:42"></a></li>
					<li>整合營銷<a target="_blank" href="tencent://message/?uin=9490489&amp;&amp;Site=www.198zone.com&amp;&amp;Menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=1:9490489:42"></a></li>
					<li>售后服務<a target="_blank" href="tencent://message/?uin=9490489&amp;&amp;Site=www.198zone.com&amp;&amp;Menu=yes"><img
						border="0" src="http://wpa.qq.com/pa?p=1:9490489:42"></a></li>
				</ul>
			</div>
		</div>
		<div class="OnlineBtn">
		</div>
	</div>
</div>
<script type="text/javascript">
$(function(){
	//建站熱線展開效果
	$("#divQQbox").hover(
		function(){
			$(this).stop(true,false);
			$(this).animate({left:0},300);	
		},
		function(){
			$(this).animate({left:-276},149);	
		}
	)
});
</script>
<!--以下無正文 轉載或者使用請注釋出自114源碼網-->
<div style="width:960px;margin:200px auto 10px; clear:both; text-align:center;  ">
</div>
<div style="width:960px;margin:20px auto; clear:both; text-align:center; font-size:12px; line-height:25px;    ">
<a href="http://www.unn114.com"  style="color:#333"><strong>114源碼網</strong></a> </strong>
 轉載請自覺注明出處!注:此代碼僅供學習交流,請勿用于商業用途。
</div>
<!--以上無正文 轉載或者使用請注釋出自114源碼網-->



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


熱門標簽: flash導航菜單 flash導航條 flash導航 flash菜單 flash下拉菜單 flash下拉導航菜單 h5動畫導航 h5動畫菜單 html5動畫導航 html5動畫菜單 收縮菜單 收縮導航 右鍵菜單 導航切換 菜單切換 浮動菜單 浮動導航 滑動導航菜單 滑動導航 滑動菜單 滾動導航菜單 滾動菜單 滾動導航 浮動 懸浮 懸浮層 懸浮框 浮動層 浮動框 浮動插件 懸浮插件 滑動星星打分 浮動提示框 在線客服 導航菜單 導航條 菜單欄 導航欄 分類導航 響應式導航條 響應式導航 其他 浮動菜單 浮動導航 二維碼 qq在線客服 qq客服 在線客服插件 側邊菜單 側邊導航 鼠標滑過 鼠標懸停 跟隨鼠標移動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子