仿纵横中文网左侧悬浮在线客服js代码

晏阳初 2019-11-22 500 阅读

特效描述:jQuery实现 纵横中文网 左侧在线客服,jQuery实现纵横中文网左侧在线客服

代码部署教程

1. 引入CSS

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

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

2. 引入JS

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

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

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

<script type="text/javascript" src="js/zzsc.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>
</head>
<body style="height:2000px;">
<div id="sidekf">
<div class="tel"><span>Tel:</span>010-12345678</div>
<div class="lnk">
<a href="http://www.cxvn.com/msgrd?v=1&amp;uin=954502368&amp;site=qq&amp;menu=yes" class="sidekf_qq"></a>
<a href="http://cxvn.com" target="_blank" class="sidekf_bbs"></a>
<a href="http://cxvn.com" class="sidekf_mail"></a>
<a href="http://cxvn.com" class="sidekf_help" target="_blank"></a>
</div>
<div class="ovh"></div>
</div>
<div style="text-align:center;clear:both">
</div>
</body>
</html>

演示地址下载地址

最新游戏