利用js实现网页右侧QQ悬浮在线客服



39 155 52



特效描述:利用js实现 网页右侧 QQ悬浮 在线客服,利用js实现网页右侧QQ悬浮在线客服

代码结构

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<!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=utf-8">
<title></title>
<div id= 'qq_icon'></div>
<div id='cs_online'>
	<ul class='qq_context'>
		<li>
			<span class='span_t'>在线客服01:</span>
			<span class='qq_num'></span>
		</li>
		<li>
			<span class='span_t'>在线客服02:</span>
			<span class='qq_num'></span>
		</li>
		<li>
			<span class='span_t'>在线客服03:</span>
			<span class='qq_num'></span>
		</li>
		<li>
			<span class='span_t'>在线客服04:</span>
			<span class='qq_num'></span>
		</li>
		<li>
			<span class='span_t'>在线客服05:</span>
			<span class='qq_num'></span>
		</li>
	</div>
</div>
<script type="text/javascript">
	myEvent(window,'load',function(){
		dealy('qq_icon',2);						//2秒后显示QQ图标,默认为2秒,可自行设置
		settop('qq_icon','cs_online',150);		//设置在线客服的高度,默认150,可自行设置
		var span_q = getbyClass('cs_online','qq_num');
		setqq(span_q,['800020304','800020304','800020304','800020304','800020304']);		//填写5个QQ号码
		click_fn('qq_icon','cs_online');
	});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 加载动画 浮动 悬浮 悬浮层 悬浮框 浮动层 浮动框 浮动插件 悬浮插件 收缩展开 展开收缩 收缩 展开 浮动提示框 h5弹窗动画 html5弹窗动画 在线客服 h5动画 h5背景动画 h5场景动画 h53D动画 h5界面动画 html5动画 h5按钮动画 html5按钮动画 浮动菜单 浮动导航 收缩菜单 收缩导航 qq在线客服 qq客服 h5图片动画 h5图标动画 html5图片动画 html5图标动画 在线客服插件

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到