1. <dd id="uoqjr"></dd>
        頭像

        jQuery右側固定懸浮客服+二維碼+返回頂部按鈕代碼【原創

        來源:http://www.zmam.tw/js/3693 素材火管理員 2018-05-17 10:32瀏覽(850) 收藏

        一款好看又好用的jQuery右側固定懸浮客服+二維碼+返回頂部按鈕代碼,網頁右側QQ在線客服代碼,網頁滾動時也一直固定不動。
        jQuery右側固定懸浮客服+二維碼+返回頂部按鈕代碼
        分類:懸浮層/彈出層 > 客服 難易:初級

        程序員,你不是一個人;網站開發QQ群:698377651,在線充值,或聯系QQ3401083589直接充值

        查看演示 下載資源: 44 下載資源 下載積分: 30 積分

        js代碼

        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
        
        	/* ----- 側邊懸浮 ---- */
        	$(document).on("mouseenter", ".suspension .a", function(){
        		var _this = $(this);
        		var s = $(".suspension");
        		var isService = _this.hasClass("a-service");
        		var isServicePhone = _this.hasClass("a-service-phone");
        		var isQrcode = _this.hasClass("a-qrcode");
        		if(isService){ s.find(".d-service").show().siblings(".d").hide();}
        		if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
        		if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
        	});
        	$(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
        		$(".suspension").find(".d").hide();
        	});
        	$(document).on("mouseenter", ".suspension .a-top", function(){
        		$(".suspension").find(".d").hide(); 
        	});
        	$(document).on("click", ".suspension .a-top", function(){
        		$("html,body").animate({scrollTop: 0});
        	});
        	$(window).scroll(function(){
        		var st = $(document).scrollTop();
        		var $top = $(".suspension .a-top");
        		if(st > 400){
        			$top.css({display: 'block'});
        		}else{
        			if ($top.is(":visible")) {
        				$top.hide();
        			}
        		}
        	});
        	
        });	
        </script>
        聲明:本文為原創文章,如需轉載,請注明來源sucaihuo.com并保留原文鏈接:http://www.zmam.tw/js/3693.html
        最新交易
        評論6
        頭像

        系統已開啟自動識別垃圾評論機制,識別到的自動封號,下載出錯或者資源有問題請聯系全棧客服QQ 3401083589

        • 頭像 5樓
          05-20 09:22
          en***37
          效果還挺好看的啊。。。在線客服
        • 頭像 4樓
          05-20 08:40
          to***ki
          正在找這個非常的使用
        • 頭像 3樓
          05-18 09:55
          ga***41
          非常實用的功能,感謝分享,下載來備用
        • 頭像 板凳
          05-18 09:20
          心***揚
          大贊一下,好評,樓主好人
        • 頭像 椅子
          05-18 09:06
          at***at
          實用小工具,厲害
        • 頭像 沙發
          05-17 23:09
          一***錢
          這個挺好,樣式很漂亮。
        1 2
        江西11选五开奖记录