'STORY'에 해당되는 글 398건

전체 코드

function TopHeightObject(target){
  var TopHeightObjectList = []
  $(target).each(function(){
    console.log($(this).offset().top);
    TopHeightObjectList.push($(this));
  });
  return TopHeightObjectList
}
function TopHeightNavColor(target,topHeight,scrollHeight){
  console.log(target,topHeight,scrollHeight);
  if (topHeight < scrollHeight){
    $(target).each(function(){ 
      this.animate({color: "#000"}, 1000 );
    });
  }
  else{
    $(target).each(function(){ 
      this.animate({color: "#fff"}, 1000 )}
    );
  }
}

function TopNavMovementButton(buttonTarget,MoveHeight){
  $(buttonTarget).click(()=> {
    $('body,html').animate({scrollTop : MoveHeight}, 1000);
  });
}


$(document).ready(()=>{
  var TopHeightList = TopHeightObject('body section');
  
  //기본
  TopNavMovementButton('#about-btn',TopHeightList[1].offset().top)
  TopNavMovementButton('#contact-btn',TopHeightList[2].offset().top)
  
  //스크롤
  $(window).scroll(()=>{
    var scrollHeight = $(window).scrollTop()
    TopHeightNavColor('.menu-right button',TopHeightList[1].offset().top,scrollHeight);
  })
})

네비게이션 색깔 함수

function TopHeightNavColor(target,topHeight,scrollHeight){
  console.log(target,topHeight,scrollHeight);
  if (topHeight < scrollHeight){
    $(target).each(function(){ 
      this.animate({color: "#000"}, 1000 );
    });
  }
  else{
    $(target).each(function(){ 
      this.animate({color: "#fff"}, 1000 )}
    );
  }
}

네비게이션 이동 함수

function TopNavMovementButton(buttonTarget,MoveHeight){
  $(buttonTarget).click(()=> {
    $('body,html').animate({scrollTop : MoveHeight}, 1000);
  });
}

화면 함수

function TopHeightObject(target){
  var TopHeightObjectList = []
  $(target).each(function(){
    console.log($(this).offset().top);
    TopHeightObjectList.push($(this));
  });
  return TopHeightObjectList
}

target에 맞는 id 혹은 class 등 넣어주기 스트링 넣어주기 !!! 

function TopHeightObject(target){
  var TopHeightObjectList = []
  $(target).each(function(){
    console.log($(this).offset().top);
    TopHeightObjectList.push($(this));
  })
  return TopHeightObjectList
}
$(document).ready(()=>{
  var TopHeightList = TopHeightObject('body section')
  console.log(TopHeightList)
  
})

https://pandas.pydata.org/pandas-docs/stable/reference/api/pandas.Series.str.get_dummies.html?highlight=get_dummies#pandas.Series.str.get_dummies 

https://www.dothome.co.kr/?gclid=CjwKCAjwqIiFBhAHEiwANg9szibQPKkv1GHKQceTsajHYoFfNrg4wg8GHDQgBzpfW0LWDi-A27xRcxoCU58QAvD_BwE 

이곳 무료 주소 받기 

블라킷

설정

beautify # 이쁘게 코드 만들어줌

brackes synapse # 서버 공유

custom work # 파란거

emmet # 빠르게 코드입력용

indent guides # 설명가이드

+눌러서 주소 연동

ㅇ

주소

21

아이디

비밀번호

제목

이거 입력해야될거임

개인 암호 어쩌구는 뜨면 무시해도됨

이제 페럴럭스 만들자 ㄱㄱ

https://openweathermap.org/current

내키 : b6861e4d083404510399e50ac2f9f268

https://www.apistore.co.kr/main.do

api store