您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

  • 自动粘贴在网页顶部jQuery在线客服代码

    自动粘贴在网页顶部jQuery在线客服代码

    自动粘贴在网页顶部jQuery在线客服代码
    20141119152751
    部分js代码

    <script type="text/javascript"> var b_v = navigator.appVersion; var IE6 = b_v.search(/MSIE 6/i) != -1; function objscroll(divname) { var objs = document.getElementById(divname), divname = $("#" + divname); var o = {}; o.obj = divname; o.objH = divname.height(); o.objs = objs; $(function() { if ($("body").width() >= 1024) { $("#right_scroll").show(); } $(window).resize(function() { if ($("body").width() <= 1024) { $("#right_scroll").hide(); } else if ($("body").width() >= 1024 && $(".right_scroll_bg").text() == 1) { $("#right_scroll").hide(); } else { $("#right_scroll").show(); } }); }); $(window).scroll(function() { var bodyH = $(document).scrollTop(), headH = $("#head").height(); menuH = $("#menu_box").height(); o.objs.style.top = (headH + menuH) + "px"; if (IE6) { if (bodyH >= headH + menuH) { o.objs.style.top = bodyH + "px"; } } else if (bodyH >= headH + menuH) { divname.css("position", "fixed"); o.objs.style.top = 0; } else { divname.css("position", "absolute"); } }); } objscroll("right_scroll"); $(".right_scroll_contextitle_close").click(function() { $("#right_scroll").hide().find(".right_scroll_bg").text("1"); });</script>

    下载地址
    预览地址

  • jquery在线qq客服插件

    jquery在线qq客服插件

    jquery在线qq客服插件
    jquery在线qq客服插件
    引入js代码

    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script language="javascript" src="js/jquery.Sonline.js"></script><script type="text/javascript"> $(function() { $("body").Sonline({ Position: "right", //left或right Top: 200, //顶部距离,默认200px Effect: true, //滚动或者固定两种方式,布尔值:true或false DefaultsOpen: true, //默认展开:true,默认收缩:false Qqlist: "168660460|客服01,168660460|客服02,168660460|客服03,168660460|客服04,168660460|客服05" //多个QQ用','隔开,QQ和客服名用'|'隔开 }); })</script>

    jQuery吧整理http://www.jqueryba.com/3727.html
    下载地址
    预览地址

  • jquery右侧隐藏式在线客服代码效果

    jquery右侧隐藏式在线客服代码效果

    jquery右侧隐藏式在线客服代码效果
    jquery右侧隐藏式在线客服代码效果
    引入js代码

    $(document).ready(function() { $('.chat_f1_expr').animate({ height: '156px' }, 1000); $('#close').click(function() { $('#chat_f1').hide(); $('#chat_f2').show(); }) $('#chat_f2').click(function() { $(this).hide(); $('#chat_f1').show(); }) $('.name').hover(function() { $(this).children('.detail').show(); $(this).children('.arrow').css('color', '#a00'); }, function() { $(this).children('.detail').hide(); $(this).children('.arrow').css('color', '#fff'); })})

    jQuery吧整理http://www.jqueryba.com/3658.html
    下载地址
    预览地址

  • jquery顶部下拉在线QQ客服效果

    jquery顶部下拉在线QQ客服效果

    jquery顶部下拉在线QQ客服效果
    jquery顶部下拉在线QQ客服效果
    js代码

    $(function() { $('#tog').toggle(function() { $(this).animate({ top: '433px' }, 320).addClass("togclose").removeClass("tog").html('<span>close</span>'); $('.tog_contact').slideDown(320); }, function() { $(this).animate({ top: '0px' }, 320).addClass("tog").removeClass("togclose").html('<span>和我联系吧</span>'); $('.tog_contact').slideUp(320); }) $(".menu_l_list li:last").css({ "background": "none" }); $(".crumbNav em:last").css({ "color": "#B10000", "padding": "0" }); $(".brea_tab th:last").css({ "border-right": "none" }); $(".serice_content .serice_list:last").css({ "border-bottom": "none" });})

    下载地址
    预览地址

  • 网站右侧浮动显示企业QQ在线客服咨询jQuery代码

    网站右侧浮动显示企业QQ在线客服咨询jQuery代码

    网站右侧浮动显示企业QQ在线客服咨询jQuery代码
    简洁实用的一款网站右侧浮动显示企业QQ在线客服咨询代码,带有返回顶部功能,兼容IE、360、火狐、搜狗浏览器等。
    网站右侧浮动显示企业QQ在线客服咨询jQuery代码
    部分jQ代码

    $(function () { var screenH = $(window).height(); var sTop = (screenH - 320) / 2; $(".sidebar").css('top', sTop); $(window).scroll(function () { var top = $(window).scrollTop(); var sTop = (screenH - 320) / 2 + top; $(".sidebar").css('top', sTop); })})

    下载地址
    预览地址

  • 网站左侧滚动带微信二维码的jQuery在线QQ客服代码

    网站左侧滚动带微信二维码的jQuery在线QQ客服代码

    网站左侧滚动带微信二维码的jQuery在线QQ客服代码
    基于jQuery的一款网页左侧滚动显示在线QQ客服代码,支持设置热线电话和微信二维码扫描,功能完备,实用性很好!
    网站左侧滚动带微信二维码的jQuery在线QQ客服代码
    部分js代码

    function Big() { if (parseInt(o.style.left) < maxWidth) { i = parseInt(o.style.left); i += numInter; o.style.left = i + "px"; if (i == maxWidth) clearInterval(BigInter); } if (!graySrc) { $(o).find("img").each(function() { $(this).attr("src", $(this).attr("Original")); }); graySrc = true; }}function toBig() { clearInterval(SmallInter); clearInterval(BigInter); BigInter = setInterval(Big, InterTime);}function Small() { if (parseInt(o.style.left) > minWidth) { i = parseInt(o.style.left); i -= numInter; o.style.left = i + "px"; if (i == minWidth) clearInterval(SmallInter); }}function toSmall() { clearInterval(SmallInter); clearInterval(BigInter); SmallInter = setInterval(Small, InterTime);}

    下载地址
    预览地址

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!