컴퓨터/jquery 골드크로커다일 2018. 11. 30. 00:18
jquery div 탭 메뉴를 addClass, removeClass를 사용하여 만들어 본다. jquery로 div 탭 메뉴를 만드는 방법은 다양하게 있지만 간단하게 만들어 본다. //---------------------------------------------------------------------------------------------------------------------------------------------------------------------- // 메뉴를 클릭하면 function clickMenu(n){ // 초기화. 메뉴가 많으면 for문 사용. $('#menu1').removeClass("on"); $('#menu2').removeClass("on"); $('#me..
컴퓨터/jquery 골드크로커다일 2018. 11. 29. 23:48
css로 overflow ( div 스크롤 설정 ) 설정하는 방법 https://htmlstory.tistory.com/9 보고 오신분은 jquery로 하는거 해보세요. 간단합니다. jquery css 설정 입니다. //--------------------------------------------------------------------------------------------------------------------------------------------------------------------- // 문서가 준비되면 $(document).ready(function(){ //$('#over1').css("속성명", "값"); $('#over1').css("overflow", "hidden"..
컴퓨터/css 골드크로커다일 2018. 11. 29. 23:33
브라우저 스크롤 말고 div에 스크롤을 생성 할 수 있다. div에 css로 스크롤 생성 하는 방법은 overflow 이다. 최근 게시물이나 메인 화면에 작게 노출해줄때 사용하면 편리하다. //--------------------------------------------------------------------------------------------------------------------------------------------------------------------- 1 : overflow: hidden; overflow1overflow2overflow3 overflow1overflow2overflow3 overflow1overflow2overflow3 overflow1overflow2..
컴퓨터/jquery 골드크로커다일 2018. 11. 26. 17:37
div를 jquery로 가운데 정렬하는 방법. jquery로 정렬해 보았습니다. window의 크기를 알아내서 top과 left를 지정해 줍니다. Jquery.fn.center 부분을 common.js 등에 만들어서 저장해 두고 사용 하면 객체부분에 .center 만으로 가운데 정렬을 할수 있습니다. //------------------------------------------------------------------------------------------------------------------------------------------------ //레이어 팝업 중앙 쿼리 생성. jQuery.fn.center = function() { this.css("position", "absolute"..
컴퓨터/css 골드크로커다일 2018. 11. 26. 17:30
div를 브라우저 가운데 정렬하는 css 입니다. 방법은 여러가지 인데. 간단하게 width와 height가 고정된 div라면 top,left 50%와 margin-top,left를 width와 height의 절반씩 마이너스 해주면 잘 됩니다. ex) width:400px -> margin-left: -200px; height:500px -> margin-top: -250px; //------------------------------------------------------------------------------------------------------------------------------------------------ 가운데 정렬 ? //---------------------------..