利用jquery实现右侧悬浮带返回顶部在线客服



78 308 103



特效描述:利用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://51qianduan.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://51qianduan.com/jiaoben">点击交谈</A></P>
          </DD>
        </DL>
      </DIV>
    </LI>
    <LI class="fixeBoxLi Home"> <A href="http://51qianduan.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>



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


热门标签: 滚动切换 滑动选项卡切换 悬浮浮动 选项卡切换 滑动手风琴 浮动提示框 切换按钮 在线客服 表单 浮动导航菜单 qq在线客服 导航切换 在线客服插件 按钮控制 购物车

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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