본문 바로가기

Lect & Tip109

모바일홈페이지 주소창 감추기 tip body[orient="portrait"] ,body[orient="landscape"] [모바일홈페이지 제작] 모바일 웹 주소창 감추기 tip 모바일홈페이지를 제작할 때 코딩에서 위의 사진처럼 모바일홈페이지 주소창이 사라지게끔 하는 방법에 대한 설명이다. 보통 흔히 아래와 같은 자바스크립트를 많이 쓴다. window.addEventListener('load',function(){ setTimeout(scrollTo,0,0,1); },false); 이 스크립트는 모바일홈페이지에서 주소창이 사라지는 기능을 적용하고 있다. 혹은 아예 body 태그에 onload로 넣을 수 있다. ... 이 자바스크립트는 window.setTimeout(func, delay, [param1, param2, ...])을 호출하는 형식이다. 1. 0초 후에 scrollTo 메소드를 실행시켜라 2. [param1, p.. 2020. 6. 8.

'제이쿼리 toggle()이용해서 게시물 목록 정렬 버튼 토글하기 게시물 목록을 제목, 혹은 조회수, 게시일 순서를 내림차순 혹은 오름 차순으로 정렬하는 것을 토글해야할 때가 있죠. 물론 게시물의 순서는 개발팀에서 소팅을 해주어야겠지만, 일단은 UI상에서 버튼의 화살표로 직관적으로 오름차순 또는 내림차순을 클릭 횟수에 따라 토글해주어야 할 필요가 있습니다. 아 물론 데이터의 소팅까지 하는 소스는 아닙니다.이 글에서의 목적은 단지 토글 버튼을 간단하게 구현하는 제이쿼리 소스 소개입니다.이럴 때 제이쿼리(jquery)를 쓰면 간단하게 처리가 되겠죠. Demo Page보기CSS .bd00Bbs th a { background:url(../image/common/ico/arrow_0.gif) 100% 50% no-repeat; padding-right:16px; display.. 2020. 6. 8.

'[포토샵 CS5] 사진보정 - 흔들린 사진 보정 복원 초간단 Smart Sharpen필터 포토샵 CS5 강좌,포토샵 흔들린 사진 보정, 포토샵 사진 선명하게, 흐릿한 사진 선명하게,포토샵 강좌, photoshop CS5, 흔들린 사진 복원사진을 찍은 후 카메라 액정의 작은 화면으로 볼 땐 그럴 싸하다가도 집에와서 모니터로 보면 실망 스럽게 흔들려 있는 경우가 종종 있다. 사진을 버리자니 안타깝고, 그냥 쓰자니 너무 보기가 싫고, 이럴때 살짝 흔들린 정도라면, 간단하게 조금은 복원이 가능하다.1. 사진을 불러온다.2. Filter-Sharpen-Smart Sharpen 을 연다.3. 프리뷰를 보면서 Amount와 Radius를 적절히 조정해서 원하는 선명도를 얻는다. 수치 값이 너무 크면 사진이 심하게 훼손된다.4. 끝. 예제 그림에서 포토샵 히스토리에 있는 Auto Tone이나 Exposur.. 2020. 6. 8.

✈ jquery로 페이지 상단으로 부드럽게 이동하는 탑 스크롤 버튼 만들기 보통 탑스크롤이라고 부르는 버튼인데요. 흔한 방식이지만, 가끔 떠 오르지 않아서 검색하시는 분들을 위해 올려둡니다. 뭐~ 저도 가끔은 까먹어서 다시 생각해내는 일 없이 떠다 쓰려공.... /* top 스크롤 */ var speed = 500; $("a.top").css("cursor", "pointer").click(function(){ $('body, html').animate(, speed); }); speed 변수는 스크롤이 애니메이트 되어서 이동하는 속도를 지정해줬습니다. 귀찮으면 그냥 변수 쓰지 말고 숫자로 바로 써도 됩니다. . css("cursor, "pointer")는 생략해도 무방하며, css자체에 a.top { cursor:pointer}로 작성해두어도 무방합니다. 실질적인 핵심은 $(.. 2020. 2. 21.

✈ 제이쿼리 체크박스 체크 여부 확인 및 제어 jquery checkbox checked 제이쿼리 체크박스 체크 여부 확인 및 제어 jquery checkbox checked 제이쿼리 체크박스 checked 여부 확인 $("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */ $("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ checked/unchecked 처리 $("input:checkbox[id='ID']").prop("checked", true); /* by ID */ $("input:checkbox[name='NAME']").prop("checked", false); /* by NAME */ 전체선택 체크박스를 선택하면 그 아래.. 2020. 2. 14.

jquery .sort() 요소 이동하면서 제이쿼리 소트 정렬하기 ✈ jquery .sort()를 활용한 요소 이동과 소트 정렬 안녕하세요! 이번 포스팅에서는 jQuery의 .sort() 함수를 활용하여 요소를 이동하고 동시에 소트 정렬하는 방법에 대해 알아보겠습니다. 이 기술은 부서나 트리구조의 목록에서 항목을 다른 위치로 이동하면서 정렬을 유지하고자 할 때 유용하게 활용될 수 있습니다. 이해를 돕기 위해 간단한 예시와 함께 코드를 살펴보겠습니다. 예시: 부서 이동과 소트 정렬 제시된 예시에서는 '부서목록'과 '선택된 부서'라는 두 개의 그룹이 있습니다. 이 그룹들은 UL과 LI 요소를 사용하여 구성되어 있습니다. 각 부서는 데이터 속성 data-sid를 통해 식별됩니다. 사용자가 '부서목록'의 부서를 선택하면 해당 부서가 '선택된 부서'로 이동하게 되며, 이동된 후.. 2020. 1. 13.

이전 1 ··· 8 9 10 11 12 13 14 ··· 19 다음

티스토리툴바