Starters Starters

전체 글

• CSS + Jquery 이미지 페이드인 슬라이드 만들기

  CSS 2020. 9. 3. 22:31

  자동 페이드인 슬라이드 HTML Starters Web developers CSS .slide{ height:730px; overflow:hidden; position: relative; top:0; left:0; } .slide > div{ position: absolute; height:100%; } Jquery $(".slide > div:gt(0)").hide(); setInterval(function() { $('.slide > div:first') .fadeOut(2000) .next() .fadeIn(2000) .end() .appendTo('.slide'); }, 6000); - 현재 웹사이트 제작 외주 일에 사용할 판매 사이트에 적용하면서 만든 코드 - setInteval 만들 땐, 뭔지..

  Read More
• CSS - grid 사용 정리

  CSS 2020. 9. 3. 22:30

  Read More
• 이미지 위에 텍스트 올리기(overlay)

  CSS 2020. 9. 3. 22:30

  Read More
• CSS 텍스트에 그림자 주기 (text-shodow )

  CSS 2020. 9. 3. 22:29

  text-shadow: 2px 2px 2px gray;

  Read More
• Jquery - 스크롤 시 헤더(네비바) 그림자

  Javascript 2020. 8. 30. 18:46

  $(window).scroll( function(){ var header = $('.topnav'); if(header.offset().top !== 0){ if(!header.hasClass('shadow')){ header.addClass('shadow'); } }else{ header.removeClass('shadow'); }

  Read More
• 그리드 시스템

  Bootstrap 2020. 8. 26. 17:00

  col-sm-6 등 그리드를 주어도 위 코드를 작성하지 않으면 모바일에서 그리드 시스템이 적용되지 않는다.

  Read More
• Jquery - window 크기 구하기(브라우저 너비)

  Javascript 2020. 8. 25. 19:15

  var windowWidth = $( window ).width(); if(windowWidth

  Read More
• Node.js - 글 삭제하기

  Node.js 2020. 8. 24. 19:20

  delete 만들 때 링크(a태그)로 만들면 수정과 같이 어떠한 페이지로 이동된다. 따라서 만약 delete버튼을 눌렀을 때 바로 삭제를 하고 싶다면, 절대! 링크로 만들면 안된다. delete 버튼 만들기 var app = http.createServer(function(request,response){ var _url = request.url; var queryData = url.parse(_url, true).query; var pathname = url.parse(_url, true).pathname; console.log(pathname); if(pathname === '/'){ if(queryData.id === undefined){ fs.readdir('./data', function(err..

  Read More