网站在线客服代码 带返回顶部

彭刚 2019-11-22 141 阅读

特效描述:利用jquery实现 右侧悬浮 带返回顶部 在线客服,利用jquery实现右侧悬浮带返回顶部在线客服

代码部署教程

1. 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 content="text/html; charset=utf-8" http-equiv="Content-Type">
<TITLE></TITLE>
<LINK rel="stylesheet" type="text/css" href="css/global.css">
<LINK rel="stylesheet" type="text/css" href="css/1200.css">
<SCRIPT type="text/javascript" src="js/jquery-1.9.1.min.js"></SCRIPT>
</HEAD>
<BODY>
<DIV class="top" style="height:1200px;"></DIV>
<SCRIPT type="text/javascript" src="js/footer.js"></SCRIPT>
<DIV class="fixedBox">
<UL class="fixedBoxList">
<LI style="display: block;" id="cartboxs" class="fixeBoxLi cart_bd">
<P class="good_cart">0</P>
<SPAN class="fixeBoxSpan"></SPAN> <STRONG>购物车</STRONG>
<DIV class="cartBox">
<DIV class="bjfff"></DIV>
<DIV class="message">购物车内暂无商品,赶紧选购吧</DIV>
</DIV>
</LI>
<LI class="fixeBoxLi Service"> <SPAN class="fixeBoxSpan"></SPAN> <STRONG>在线客服</STRONG>
<DIV class="ServiceBox">
<DIV class="bjfff"></DIV>
<DL >
<DT><IMG src="images/Service1.jpg"></DT>
<DD> <STRONG>在线QQ客服</STRONG>
<P class="p1">9:00-22:00</P>
<P class="p2"><A href="http://cxvn.com/jiaoben">点击交谈</A></P>
</DD>
</DL>
<DL >
<DT><IMG src="images/Service2.jpg"></DT>
<DD> <STRONG>网页在线客服</STRONG>
<P class="p1">9:00-22:00</P>
<P class="p2"><A href="http://cxvn.com/jiaoben">点击交谈</A></P>
</DD>
</DL>
</DIV>
</LI>
<LI class="fixeBoxLi Home"> <A href="http://cxvn.com/jiaoben"> <SPAN class="fixeBoxSpan"></SPAN> <STRONG>返回首页</STRONG> </A> </LI>
<LI class="fixeBoxLi BackToTop"> <SPAN class="fixeBoxSpan"></SPAN> <STRONG>返回顶部</STRONG> </LI>
</UL>
</DIV>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</BODY>
</HTML>

演示地址下载地址

最新游戏