Jquery와 유사한 웹 페이지 WeChat QR 코드 블록 스크롤 효과 특정 구현_jquery

(function($){ 
    $.fn.ad = function(options){ 
        var lastScrollY= 0; 
        var czd = $(this); 
        var 설정 = $.extend({ 
            src:null,                   
            closeSrc:null,              
            href:"#",             autoHide:true,               
            hideSecond:10, 
            위치: "top ",             
            위쪽:20,     
            아래쪽: 20,                
            레이아웃:"왼쪽",               
           너비:100,                   
            높이: 100,                 
            불투명도: 0.5, 
            setPosition :function(왼쪽, 상단){ 
               return; 
           } 
       },options || {}); 

        if(settings.src && settings.closeSrc){      
            var imgEl = "
"; 
            var closeImgEl = ""; 

            $( this).append(imgEl closeImgEl); 

            $(this).css("position","absolute"); 
           if(settings.position=='top'){ 
               $ (this).css("top",settings.top "px"); 
            } else { 
              $(this).css("bottom",settings.bottom "px"); 
           } 
            $(this).css("opacity",settings.opacity); 
            $(this).css("filter","alpha(opacity="parseInt(settings.opacity * 100)  ")"); 

            스위치(settings.layout) { 
                케이스 "왼쪽": 
                  $(this).css("left","-100px"); 
                    휴식; 
               사례 '오른쪽': 
                   $(this).css("right","-100px"); 
                    휴식; 
               사례 "center": 
                   var left = (parseInt(window.screen.availWidth) -parseInt(settings.width))/2 "px"; 
                   $(this).css("left",left); 
                    휴식; 
               기본값: 
                   $(this).css("left","-100px"); 
                    휴식; 
            } 
        } else { 
            반환; 
        } 

        if(settings.autoHide) { 
            setTimeout("(function(){$('" $(this).selector   "').hide();})() ; ", parseint (settings.hidesecond) * 1000; // 别名不同导致事件驱动不一样 ： Scroll 与 与 onscroll $ (창) .bind ("scroll ", function () {
            var diffY; 
           if (document.documentElement && document.documentElement.scrollTop) 
              diffY = document.documentElement.scrollTop; 
          else if (document.body) 
                diffY = document.body .scrollTop 
                else { 
                   /*Netscape 항목*/ 
               }
                                                                                                             ~                                                 percent=Math.floor(percent);

if(settings.position=='top'){
var top = czd.css("top"); css("top", parsInt(top) 퍼센트 " px");
lastScrollY = 퍼센트;
czd.css("bottom", parseInt(top) - 퍼센트 "px"); 페이지 작성:


1. 자신이 정의한 JQuery를 가져와서 헤드 구성




코드 복사


코드는 다음과 같습니다.