web sprit

상단메뉴나 퀵메뉴를 눌럿을때 앵커설정으로 인해서 앵커의 아이디 값으로 이동하는것을 경험해 보았을 것이다.단순히 앵커의 기능으로 갑자기 정적으로 위치이동 보다는 앵커를 눌럿을때 동적으로 보다 부드럽게 이동하는 제이쿼리를 소개하려 한다. 앵커이동 제이쿼리 - *제이쿼리 부분123456789Colored by Color Scriptercs *CSS 부분12345.red{height:1000px; background:red;} .blue{height:1000px; background:blue;}.yellow{height:1000px; background:yellow;}.start_zone{background:#e7e7e7;}.start_zone a{font-size:20px; color:#666; font-we..

input의 placeholder속성은 input란에 대한 설명을 보여주기 위한 html5 속성이다.placeholder는 낮은 브라우져에 적용이 안되어 나오지 않는다.예로 익스7~9에 나오지 않는다. 이런 문제를 해결하기 위하여 placeholders.min.js 를 사용하면 된다. 사용 방법은 매우 간단하다.스크립트 태그로 placeholders.min.js 를 연결하여 그대로 사용하면 적용 된12345 /*위와 같이 작성하면 익스7~9 모두 적용된다.*/cs 결과 :

a태그는 하나의 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼 링크를 정의한다. a요소의 가장 중요한 특성은 링크의 목적지를 나타내는 href 속성이다. w3schools 에서는 위와 같이 정의하고 있다. [http://www.w3schools.com/tags/tag_a.asp]그러하므로 a태그는 꼭 href 속성이 따라와야하는 태그이다. 웹표준 및 웹접근성에 준하여 올바른 작성법을 알려주려한다. 보통 a태그에서 링크를 걸지 않고 #처리 한 후 단순 동작 버튼으로 사용할때가 있다. 이때href="#" 과 같이 처리를 하는데 위와 같은 처리를 한 버튼을 눌럿을 시에 최상단으로 가는 현상이 발생한다. 그렇다고 예를 들어 strong, p, span 태그와 같은 것으로 대체하여 사용하였을 경우 tab으..