감성 퍼블리셔 html,css

여러분들은 웹사이트/모바일 제작할때 제이쿼리나 CSS 보려고 F12를 통한 개발자 도구함을 통해 소스보기 해보신적 있으신가요? 저는 에이젼시 이전 멀티샵 쇼핑몰에서 근무할때 아주 일상이였습니다. 그때는 이렇다할 스킬과 웹표준에 대한 개념이 잡히기 전이라, 기획쪽에서 경쟁사 사이트에서 괜찮은 제이쿼리나 효과들이 있다면 바로 적용하길 바랬거든요..ㅎㅎ 덕분에 능력치에 버거운 경우도 많았지만 그런 연습기간이 있었기에 약간의 요령도 생겼던 것 같습니다.ㅎㅎ 이번에 단순한 태그 및 자바스크립트는 이런 소스보기를 방지하기 위한 태그입니다. 물론 100% 막지는 못하지만 어느정도의 간섭을 막아주죠~ 하단 자바스크립트 소스를 간단하게 연동하여 사용가능합니다. var ns = (document.layers)?true:f..

자바 스크립트 구문 자바 스크립트 문장들은 다양한 구문으로 작성되어있습니다. 다음은 일부분의 스크립트 동작의 제어를 주는 몇가지 구문에 대한 목록입니다. 키워드 기술 break 스위치 나 루프를 종료 continue 루프 점프 상단에서 시작 debugger 자바 스크립트의 실행 및 호출 (사용 가능한 경우) 디버깅 기능을 중지 do ... while 조건이 true 인 동안, 문 블록을 실행하고 블록을 반복 for 문 블록이 실행되는 마크, 한 조건이 true 인 function 함수를 선언합니다 if ... else 마크 문장 블록은 조건에 따라 실행되는 return 기능을 종료 switch 마크 문장 블록이 다른 경우에 따라 실행되는 try ... catch 문장 블록에 오류 처리를 구현 var 변수..

마우스 관련 jQuery 및 javascript 이벤트 목록 (Mouse event) 내용이 누락된것이 있을 수 있지만, 최대한 모아놓것을 정리한것이다. 제이쿼리를 사용할시 일부 기능에 따라 커스텀 할때 부분적으로 수정을 해야할때가 있다. 이때 조금이라도 도움이 될 수 있도록 Mouse 관련 이벤트 항목을 몇개 정리해보았습니다. 이벤트명 발생내용 및 설명 onmousedown 마우스가 개체 위를 눌렀을 때 발생 목록 참조 onmouseenter 사용자가 마우스포인터로 개체 위에 들어갔을 때 발생 목록 참조 onmouseleave 마우스포인터가 개체의 범위 밖으로 이동하면 발생 목록 참조 onmousemove 마우스가 개체 위에서 이동하였을 때 목록 참조 onmouseout 마우스가 개체 위에서 이탈하였을..

jQuery는 그래픽 제작툴에서 제공하는것과 흡사한 도큐먼트의 변화를 표시하기 위한 다양한 애니메이션 효과를 위한 메소드가를 제공한다. 기본 이펙트 메소드 show() : 엘리먼트를 나타나게 한다. hide() : 엘리먼트를 사라지게 한다. toggle() : 엘리먼트가 사라졌다 나타나도록 하는 상태를 반복한다. slideDown() : 해당 엘리먼트의 앞에 원하는 내용을 추가한다. slideUp() : 엘리먼트의 높이가 서서히 0에 가깝게 줄어가며 사라진다. slide Toggle() : 해당 엘리먼트의 상태에 따라, 위로 사라지게 하거나 내려서 등장시킨다. fadeIn() : 엘리먼트의 불투명도를 점점 높여서 엘리먼트가 보이도록 한다. fadeOut() : 불투명도를 점점 감소하면서 해당 엘리먼트를 ..

어티리뷰트(Attribute:속성)는 요소에 부가적인 정보를 첨가하고자 할 때 사용하는 것이다. 기본 어트리뷰를 다루기 위한 메소드 attr() : 엘리먼트의 어트리뷰 값을 가져오고, 설정 removeAttr() : 엘리먼트의 어트리뷰 값을 제거 클래스 어트리뷰를 다루기 위한 메소드 addClass() : 엘리먼트의 클래스명으로 스타일을 입힌다. removeClass() : 엘리먼트에 클래스명으로 스타일을 제거한다. toggleClass() : 엘리먼트에 해당 클래스가 있으면 제거하고, 없으면 추가한다. hasClass() : 엘리먼트에 클래스 존재여부를 확인한다, DOM 대체를 위한 메소드 html() : 엘리먼트의 태그 내부의 HTML 콘텐츠를 얻어온다. html(Content) : 엘리먼트의 태그 ..

[javascript] iframe resize jquery 아이 프레임 리사이징 소스 안녕하세요. 요즘 반응형이 이슈가 됨에 따라 가변형식으로 웹을 구현하곤 합니다. 하지만, 아이프레임을 리사이징 하는것에 대해서는 조금 난감할 때가 있지요. 딱 원하는 소스는 아니지만,, 그래도 그나마 효율적이라고 생각되어 글을 올리게 되었습니다, 저도 힘겹게 찾은 데이터라.. 일반 리사이징하면 가로*세로 비율이 유지되면서 리사이징이되는것을 생각하지만,, 이 소스는 아무래도 기준점이 가로폭이 되는듯 합니다. 제가 적용해본바로는 말이죠.. 그래도 저처럼, 똑같은 고민때문에 고생하시는 분을 위해 소스를 남깁니다. 하단에 스크립트 넣어주시고, 해당 아이프레임에 아이디값 embeded-content을 줍니다. 높이를 제시해야...

[jQuery] Accordion Gallery 아코디언 제이쿼리 모음 zAccordion zAccordion is an easily customizable horizontal jQuery slider with bouncing animation effect that does the job of giving you a nice image display slider. MORE INFO | DEMO – by Nate Armagost (Free Plugin/Tutorial) Classic Accordion Classic Accordion is a jQuery plugin that allows you to easily create accordion panels. You have the option to use X..

JQuery Lightbox 플러그인 및 소스 링크모음 Lightbox 입니다. 요즘은 아주 쉽게 찾아 볼 수 있는 기능이죠? 처음 Lightbox를 보았을때 도대체 어떻게 해야되는건지 많이 궁금했었는데.. 요즘은 많은 플러그인들이 생겨나서 쉽게 사용이 가능합니다. 위의 그림은 제가 자주 사용하는 Fancybox입니다. 이것또한 JQuery Lightbox 의 한 종류이죠. 혹시, 처음 Lightbox를 접하시는 분들이라면 꼭!!! 아래 링크를 모두 방문하시어 Demo or Examples 을 모두 보시고 자기스타일에 맞는 Lightbox 를 사용하기를 추천합니다. JQuery Lightbox 링크 모음 Lightbox2 http://lokeshdhakar.com/projects/lightbox2/ co..