网页右侧QQ悬浮滚动在线客服

最新推荐文章于 2024-05-21 14:15:14 发布

cuikuang6306

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量108

点赞数

文章标签： xhtml javascript ViewUI

点击(此处)折叠或打开

<!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>
<style>
#qq_icon {width:187px; height:193px; background:url(/js/qq/qq_icon.png) no-repeat; position:fixed; right:-200px; top:150px; cursor:pointer;}
#cs_online {width:217px; height:324px; position:fixed; top:150px; right:-220px; background:url(/js/qq/qq_bg.png) no-repeat; display:none; filter:alpha(opacity:0); opacity:0;}
.qq_context {width:185px; height:244px; margin-top:73px; margin-left:24px; list-style:none; padding:0px;}
.qq_context li {width:175px; height:25px; margin-left:5px; margin-top:20px; float:left;}
.span_t {display:block; float:left; color:#333; line-height:25px; font-size:12px; font-family:\'Arial\';}
</style>
<script type=\"text/javascript\" src=\"/js/qq/cs_q.js\"></script>
<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>
<p>本例所需要的脚本:看不到效果请刷新网页,当然,在你实际使用时不会出现这样的情况<br/>
<a href=\"/js/qq/cs_q.js\">cs_q.js</a><br/>
</p>
</body>
</html>