본문 바로가기
[jQuery] jQuery를 이용한 이미지의 마우스 오버 작업을 하다보면 이미지에 마우스오버 효과를 줘야 할 때가 많은데, 일일히 onmouseover 와 onmouseout 을 써서 따로 지정해주는 것도 참 일이다. 일단 코드가 길어져서 가독성에 떨어지게 되고 파일의 갯수가 많다면,,, 음,,, 용량도 커지지 않을까? 그리고 따로 파일마다 id 를 준다거나 각각 함수를 만들어서 사용하는 것도 정말 번거로운 일이다. 이 모든 것을 jQuery가 해결해주는 듯 싶다. 사용법을 이야기 해볼까? 우선 jQuery 를 로드해야 한다. 그 다음에는 아래의 코드를 모든 페이지에서 동작하게 한다. 이미지의 네이밍을 잘 해야 하는데,, 파일명 맨 뒤에 _(언더바)를 붙이고 오버되었을때 "on" 아웃되었을 때 "off" 라고 해서 이름을 설정해야 한다. 예를 들자면, imag.. 더보기
[Mobile] 아이폰 사파리에서의 전화번호 링크 요즘 아이폰을 시발점으로 맥라이프를 꿈꾸고 있다. 아이폰 사파리에서 웹 서핑을 하다보면 자기도 나름 폰이라고 전화번호와 비슷하게 생긴것에는 자동으로 링크가 걸려 그것을 누르면 전화가 걸린다. 어찌보면 똑똑하고 좋으나 웹사이트 개발하는 입장에서 보면 좀 반갑지 않은 기능인지도 모르겠다. 이런 상황을 극복하기 위한 방법!! 위와 같은 매타값을 주게 된면, 아이폰의 사파리가 자기 마음대로 링크를 만들지 않는다. 헌데, 혹시나 전화 바로거는 링크를 만들일이 있지 않을까? 물론 그럴 때를 대비해서 요런 방법이 존재한다. 전화를 거는 링크 위와 같이 태그를 걸어주면 아이폰 사파리에서 바로 전화를 거는 링크를 만들 수 있다. ^^ 쓰면 쓸수록 아이폰, 이건 참 물건인 것 같다. 허허허 더보기
[CSS] 쓰고 싶지 않지만,,,,, IE 버전별 핵 1. Star 핵 : IE6, IE7 일반적으로 *뒤에 스타일을 적어주면 IE6 과 7에서만 적용이 된다. .selector {margin:100px; *margin:90px;} 2. _(언더바) 핵 : IE6 정말 사용할 일이 많은 언더바 핵, 크로스브라우징 작업을 하다보면 정말로 쓸일이 많은 아주아주 유용한 핵이다. 크로스브라우징 하려면 절대적으로 꼭 알아야 할 핵 .selector {margin:100px; _margin:90px;} 3. 응용편 위의 두가지를 이용하면 가각의 브라우져의 구미에 맞게 알맞은 핵을 적용할 수 있다. 우선 호환모드로 작동하지 않게 위의 meta값을 적용해주고 .selector {margin:100px; *margin:90px; _margin:110px;} 위와 같이 스타.. 더보기
반응형

티스토리툴바