본문 바로가기

Lect & Tip118

✈ jquery animate 사용예 jquery animate 사용예 .animate() 함수를 이용하면 html Element 상의 객체 움직임을 부여할 수 있다. 반드시 CSS 속성 맵 데이터와 함께 사용한다. 움직임에 관련된 속성들은 단수 수치 값(single numeric value)을 이용한다. 즉, width, height, left, margin 등에 이용할 수 있지만 color같은 값에는 사용할 수 없다. .animate( properties [, duration] [, easing] [, complete] ) Returns : jQuery Duration은 지속시간이며, complete에는 콜백 함수를 지정해서, 애니메이션 동작 이후 함수를 실행할 수 있다. 단, 이 함수에는 인자값을 넘겨 줄 수는 없다. .animate(.. 2019. 7. 17.

✈php $_SERVER (서버함수) 예제 php뿐만 아니라 웹프로그래밍을 하다보면 서버환경이나 사용자의 사용환경 정보를 서버사이드에서 수집할 필요가 있을 때가 있다. php에서도 당연히 서버환경이나 사용자환경 예컨데 접속자의 아이피주소라든지, 자바스크립트의 USER_Agent와 같은 정보들을 수집할 수 있는 함수들이 마련되어 있다. 이를 통칭해서 서버함수라 칭하고 php에서는 $_SERVER의 배열 형태로 쓸 수 있다. 사용 예제들은 다음과 같다. 실제 동작 데모페이지는 이 곳을 클릭. $_SERVER['DOCUMENT_ROOT'] = 사이트가 현재 위치한 서버상의 폴더 위치 = /home/hosting_users/rsl2_stspace/www $_SERVER['SCRIPT_FILENAME'] = 실행되고 있는 php문서의 위치와 파일명 = /.. 2019. 7. 14.

[javascript] 자바스크립트로 rgb 색상표 출력하기 html rgb색상 코드표 만들기 ✈[javascript] 자바스크립트로 rgb 색상표 출력하기 html rgb색상 코드표 만들기 RGB색상 코드는 rgb(255,255,255)나 # FF FF FF 와 같이 흔히 표현되는데, 사실은 컴퓨터는 2진수만 이해한다. FF든 255든 사람이 보기 편하라고 표현한 형식이다. 아무튼 컴퓨터는 이 코드를 옥텟[Octet]단위로 끊어서 이해한다. 옥텟이란? 옥텟이란 8개의 한 묶음이다. 달리표현하자면 바이트쯤 되겠지만 조금은 뉘앙스가 다른 개념이다. 첫번째 옥텟은 R, 즉 RED를 뜻하고, 두번째 옥텟은 G, 즉 Green을 뜻하고 세번째 옥텟은 B, 즉 Blue를 뜻한다. 이 각 옥텟에서 이 세가지 색상의 빛의 정도를 표현한다. 0이면 불이 꺼져있으니 어두운것이 되고, 모두 1로 채워지면 그만큼 밝.. 2019. 7. 12.

✈ 자바스크립트 onresize 이벤트 창크기 변경 감지 자바스크립트 onresize 이벤트 창크기 변경 감지 자바스크립트의 onresize 이벤트 창의 크기가 변경될 때마다 그 것(이벤트)을 감지해서 특정 처리를 해야 될 때 늘 onresize 이벤트를 활용할 수 있다. Syntax HTML Attribute Event Property object.onresize = handler; attachEvent Method object.attachEvent("onresize", handler) http://msdn.microsoft.com/en-us/library/ms536959(VS.85).aspx onresize 이벤트를 적용가능한 엘레멘트는 window 객체 뿐만 아니라 다음의 객체들에도 적용이 가능하다. A, ADDRESS, APPLET, B, BIG, BL.. 2019. 7. 4.

jQuery selector함수 slice() - start, end 까지 index 요소 선택 between 📌jQuery selector함수 slice() - start, end 까지 index 요소 선택 between 1번부터 10번까지 형제 요소들이 있을 때 이 중에서 2번부터 5번까지만 선택해서 jquery로 동작을 시키고 싶을 때가 있다. 이럴 때 사용하는 함수가 바로 jquery slice()함수다. 사용방법은 다음과 같다. $('selector').slice(2,5).addClass('newClass'); 이와 같이 실행하면, 선택된 요소들에서 eq(2),eq(3),eq(4),eq(5) 가 선택되어서 addClass함수에 의해 'newClass'라는 클래스명이 부여된다. 2019. 6. 24.

📌 CSS 말줄임 : text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 글자르기 width:auto. 제목이 길 경우 ...로 표시 게시판을 개발할 때 귀찮은 작업중의 하나가 제목을 리스트 폭에 맞춰서 말을 줄이는 것이다. 서버 단에서 미리 길이를 계산해서 출력할 수도 있지만, 사이트 특성상 게시판의 종류가 다양하다거나 하면, 은근히 귀찮은 압박으로 다가오게 된다. 이럴때 유용한 것이text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 조합이다. 이걸 쓰면 금호리조트 1월 행사 안내 - 추가할인 혜택금호리조트 1월 행사 안내 -추가할인 혜택금호리조트 1월 행사 안내 - 추가할인 혜택금호리조트 1월 행사 안내 - 추가할인 혜택 이렇던 녀석이 이렇게 바뀐다. 소스에서 볼드처리 해둔 부분이 중요한 부분인데, vf_360을 id로 스타일을 적용하게 했고, width:auto; 속성을 부.. 2019. 6. 22.

이전 1 ··· 16 17 18 19 20 다음

티스토리툴바