js懸浮QQ在線客服代碼(支持拖動)



127 505 169



特效描述:js懸浮 QQ在線客服 支持拖動,js浮動層特效制作懸浮在線客服代碼,放置在線QQ等聊天按鈕的在線客服浮動層代碼,支持拖動效果,可隨意在頁面上拖動位置,隨著瀏覽器滾動始終保持在懸浮在頁面上的js代碼。

代碼結構

1. 引入JS

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

2. HTML代碼

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* KeFuDiv */
.KeFuDiv{position:absolute;height:160px;width:118px;}
.KeFuList{background:url(images/mid001.gif);}
.KeFuTitle{background:url(images/list_001.gif);margin-left:9px;font-size:12px;width:101px;height:20px;line-height:20px;text-align:center;}
.KeFuItem{text-align:center;margin-top:8px;font-size:12px;}
</style>
<div style="height:1000px;"></div>
<div id="KeFuDiv" class="KeFuDiv">
	<div>
		<img src="images/up_001.gif" height="55" border="0" usemap="#Map" style="cursor:move;" onmousedown="MoveDiv(KeFuDiv,event);" title="拖動" />
		<map name="Map" id="Map">
			<area shape="circle" coords="105,10,8" href="javascript:" onclick="KeFuDiv.style.display='none';" title="關閉"/>
		</map>
	</div>
	<div class="KeFuList">
		<div class="KeFuTitle">會員客服</div>
		<div class="KeFuItem">
			<a target="_blank" href="tencent://message/?uin=17905772&Site=&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:17905772:3" alt="有事點這里"></a>
		</div>
		<div class="KeFuItem">
			<a target="_blank" href="tencent://message/?uin=17905772&Site=&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:17905772:2" alt="有事點這里"></a>
		</div>
	</div>
	<div><img src="images/bot_001.gif" border="0"></div>
</div><!--KeFuDiv end-->
<script type="text/javascript">
//初始位置
gID("KeFuDiv").style.top = (document.documentElement.clientHeight - gID("KeFuDiv").offsetHeight)/2 +"px";
gID("KeFuDiv").style.left = document.documentElement.clientWidth - gID("KeFuDiv").offsetWidth +"px";
//開始滾動
ScrollDiv('KeFuDiv');
</script>



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


熱門標簽: 拖動 拖拽 拖動插件 拖拽插件 浮動 懸浮 懸浮層 懸浮框 浮動層 浮動框 浮動插件 懸浮插件 浮動提示框 在線客服 浮動菜單 浮動導航 qq在線客服 qq客服 在線客服插件 彈出層拖動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子