Git repository

210906

오늘 배운 JQuery

var ht = $(window).height();//윈도우 높이값 가져오기
$(window).resize(function(){});//윈도우 크기 리사이즈 되면 함수실행

$("html,body").stop().animate({"scrollTop":nowTop},1400);//scrollTop:스크롤위치

//마우스위치값 가져오기
$("section").mousemove(function(e){
	var posX = e.pageX;//마우스커서의 x축위치 저장
    var posY = e.pageY;//마우스커서의 y축위치 저장
});

//원스크롤 페이지이동, jquery.mousewheel.min.js 필요
$("section").mousewheel(function(event,delta){//delta:마우스휠 올렸냐(양수) 내렸냐(음수)
    //마우스휠을 올렸을 때
    if(delta > 0){
        var prev = $(this).prev().offset().top;//offset().top 섹션위치값
        $("html,body").stop().animate({"scrollTop":prev},1400,"linear");
    //마우스휠을 내렸을 때
    }else if(delta < 0){
        var next = $(this).next().offset().top;
        $("html,body").stop().animate({"scrollTop":next},1400,"linear");
    }
});

210907

오늘 배운 JQuery

//setInterval(함수,시간); 일정시간마다 함수호출
var timer = setInterval(function(){},1000);

//clearInterval(); setInterval함수 중지

//.text(); 문자열 집어넣기
var a = "Hello";
$("span").text(a);

//.text(); 문자열 가져오기
var className = $(this).children("a").text();

210908

오늘 배운 JQuery

//동영상 관련 JQuery
var vid = $(this).find("video").get(0);//하위요소 중 첫 video 찾기
vid.currentTime = 0;//동영상 재생위치 처음으로 설정
vid.play();//동영상재생
//.pause(); 일시정지
//.load(); 불러오기

210909

오늘 배운 JQuery

이미지 반복문으로 한꺼번에 넣기
마우스 움직임에 따른 이미지 변화
로딩페이지

//바디에 있는 이미지 모두 불러오는 함수(imagesloaded.pkgd.min.js필요)
imagesLoaded('body');

210910

오늘 배운 JQuery

가로스크롤 페이지 만들기

//attr사용해서 이미지 바꾸기
//큰그림 보이게(h2 > a의 href값을 p > img의 src값으로)
var img = $(this).children("a").attr("href");//href속성값반환
$(this).siblings("p").children("img").attr("src",img);

리뉴얼디자인 모바일 완료