当前位置:首页  > 技术教程 > 其它教程

jQuery右侧边栏二维码QQ客服返回顶部代码

2019-08-21 10:49:38

基于jquery.1.11.1.min.js制作的简洁jQuery右侧栏客服代码,有微信二维码、QQ、电话显示及返回顶部功能,网页右侧悬浮层,鼠标移动上去有效果。
js代码:
$(function() {                $("#service a").hover(function() {                    if ($(this).prop("className") == "weixin_area") {                        $(this).children("img.hides").show();                    } else {                        $(this).children("div.hides").show();                        $(this).children("img.shows").hide();                        $(this).children("div.hides").animate({marginRight: '0px'}, '0');                    }                }, function() {                    if ($(this).prop("className") == "weixin_area") {                        $(this).children("img.hides").hide();                    } else {                        $(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() {                            $(this).hide();                            $(this).next("img.shows").show();                        });                    }                });                $("#top_btn").click(function() {                    $("html,body").animate({scrollTop: 0}, 600);                });                //右侧导航 - 二维码                $(".weixin_area").hover(function() {                    $(this).children(".weixin").show();                },function(){                    $(this).children(".weixin").hide();                })            });

jQuery右侧边栏二维码QQ客服返回顶部代码

版权免责声明 1、本网站名称:三岁半资源网
3、本网站的资源 部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效  点此反馈 我们会第一时间更新。

阅读排行 文章推荐

首页
9块9
教程
软件
活动