简洁常用支持二维码qq浮动在线客服代码.zip资源-CSDN文库

共2个文件

html：1个

css：1个

版权申诉

jquery

html5

jquery插件

jquery特效

51 浏览量 2023-09-26 01:48:47 上传评论收藏 3KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

简洁常用支持二维码qq浮动在线客服代码.zip （2个子文件）

css

lanrenzhijia.css 3KB

index.html 2KB

<!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>简洁常用支持二维码qq浮动在线客服代码</title> <link href="css/lanrenzhijia.css" rel="stylesheet" type="text/css" /> </head> <body>  <div class="main-im"> <div id="open_im" class="open-im"> </div> <div class="im_main" id="im_main"> <div id="close_im" class="close-im"><a href="javascript:void(0);" title="点击关闭"> </a></div> <a href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" target="_blank" class="im-qq qq-a" title="在线QQ客服"> <div class="qq-container"></div> <div class="qq-hover-c"><img class="img-qq" src="http://demo.lanrenzhijia.com/2015/service0119/images/qq.png"></div> <span> QQ在线咨询</span> </a> <div class="im-tel"> <div>售前咨询热线</div> <div class="tel-num">400-123-45678</div> <div>售后咨询热线</div> <div class="tel-num">010-12345678</div> </div> <div class="im-footer" style="position:relative"> <div class="weixing-container"> <div class="weixing-show"> <div class="weixing-txt">微信扫一扫<br>打开懒人之家</div> <img class="weixing-ma" src="http://demo.lanrenzhijia.com/2015/service0119/images/weixing-ma.jpg"> <div class="weixing-sanjiao"></div> <div class="weixing-sanjiao-big"></div> </div> </div> <div class="go-top"><a href="javascript:;" title="返回顶部"></a> </div> <div style="clear:both"></div> </div> </div> </div> <script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script> <script> $(function(){ $('#close_im').bind('click',function(){ $('#main-im').css("height","0"); $('#im_main').hide(); $('#open_im').show(); }); $('#open_im').bind('click',function(e){ $('#main-im').css("height","272"); $('#im_main').show(); $(this).hide(); }); $('.go-top').bind('click',function(){ $(window).scrollTop(0); }); $(".weixing-container").bind('mouseenter',function(){ $('.weixing-show').show(); }) $(".weixing-container").bind('mouseleave',function(){ $('.weixing-show').hide(); }); }); </script>  </body> </html>

评论收藏

内容反馈

版权申诉