웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
링크에 포커스 없애기 II
2002.08.02 15:53
뭐 결론은 아래의 엔카일님과 별로 다를 건 없는데... 제가 예전에 쓰던게 생각나서...
참고하시라구요... 주제는 그냥... "포커스 없애기 이렇게도 할수있다" 입니다.
음 우선 블러링에 대한 HTC (HTML Component) 파일을 정의합니다.
별로 볼것 없는 무쟈게 간단한 소스네요... 자바스크립트를 몰라도 영어만 안다면
대충 어떤 기능을 하는건진 금방 눈에 들어올거에요... 암튼 여기선 /behavior/bluring.htc 로 저장하세요.
<!--
Focus Bluring
steelheart95@msn.com
2001.8.10
-->
<public:component>
<public:attach event="onfocus" onevent="onFocus()" />
<script language="javascript">
<!--
function onFocus()
{
element.blur();
}
-->
</script>
</public:component>
그리고 나서 자신이 쓰는 .css 스타일파일에 다음처럼 한줄만 더 추가해 주세요...
A { behavior: url("/behavior/bluring.htc"); }
그럼 블러링 고민은 끝. 음... 보통 홈페이지 만들면 기본적으로 홈페이지 전체에 쓰일 스타일시트 파일
한두개쯤은 생성하는게 보통이기 때문에 스타일에 한번 정의해두면 블러링은 계속 신경 안 쓰셔도 될것 같은...
IE라면 버전에 상관없이 잘 작동될겁니다.
참고하시라구요... 주제는 그냥... "포커스 없애기 이렇게도 할수있다" 입니다.
음 우선 블러링에 대한 HTC (HTML Component) 파일을 정의합니다.
별로 볼것 없는 무쟈게 간단한 소스네요... 자바스크립트를 몰라도 영어만 안다면
대충 어떤 기능을 하는건진 금방 눈에 들어올거에요... 암튼 여기선 /behavior/bluring.htc 로 저장하세요.
<!--
Focus Bluring
steelheart95@msn.com
2001.8.10
-->
<public:component>
<public:attach event="onfocus" onevent="onFocus()" />
<script language="javascript">
<!--
function onFocus()
{
element.blur();
}
-->
</script>
</public:component>
그리고 나서 자신이 쓰는 .css 스타일파일에 다음처럼 한줄만 더 추가해 주세요...
A { behavior: url("/behavior/bluring.htc"); }
그럼 블러링 고민은 끝. 음... 보통 홈페이지 만들면 기본적으로 홈페이지 전체에 쓰일 스타일시트 파일
한두개쯤은 생성하는게 보통이기 때문에 스타일에 한번 정의해두면 블러링은 계속 신경 안 쓰셔도 될것 같은...
IE라면 버전에 상관없이 잘 작동될겁니다.
댓글 6
-
엔카일
2002.08.02 16:01
-
엔카일
2002.08.02 16:05
괜찮으시다면... HTC에 관한 간단한 강좌 하나 부탁해용; -
steelheart
2002.08.02 22:07
음... 그렇군요... 새로 파일을 더 만들고 하면 귀찮을수도 있겠군요...
제딴에는 어느 쪽이든 편한대로 쓰시라고 생각난김에 한번 올려본 거랍니다.
강좌는... 흠... 제가 설명을 잘 못하는 편이라... 딴엔 열심히 설명한다고 하는데
문제는 남들이 못알아듣는다는 것... 고3때도 담임이 교대 특차내라는거...
가르치는데 소질이 없다고 스스로 판단해서 특차원서 쓴거 찢어버렸던 기억이 -_-;;;
개인홈페이지 만드는 거 끝나면 한번 고려해 보도록 하죠 ^^; -
디아릭스
2002.11.12 17:08
어차피 동일한 css 불러쓴다면 이 방법이 편리하군요.. -
에지
2002.11.24 11:10
이거 안되던데-_-;; -
Kamarila。
2003.02.02 16:39
전 되던데요-ㅁ-
혹시 하나 빼먹고 적으신건 아닌지..
제목 | 글쓴이 | 날짜 |
---|---|---|
게임상의 캐릭터와 대화하는 것 같이 보이기(?) [4] | 세강 :D | 2006.02.24 |
3D 메세지 나타나기... | 왜,그러지 | 2006.04.05 |
텍스트 위에 네온 빛이 이동하는 효과.. | 왜,그러지 | 2006.04.05 |
마우스 따라다니는 아날로그 시계 [1] | 왜,그러지 | 2006.04.05 |
DHTML 계산기 | 왜,그러지 | 2006.04.05 |
홈페이지 TOP 버튼 만들어 보기 [7] | 인테리어뱅크 | 2006.04.10 |
드래그금지 태그 풀어보기 [2] | 인테리어뱅크 | 2006.04.10 |
페이지를 풀창으로 띄우는 방법 [1] | 인테리어뱅크 | 2006.04.11 |
새로운 뉴스티커 [1] | 아렌티 | 2006.04.25 |
홈페이지 하단 링크주소 없에는 소스 2 [4] | 인터니즈 | 2006.04.27 |
홈페이지 하단 링크주소 없에는 소스 [6] | 인테리어뱅크 | 2006.04.10 |
내 홈페이지에 유명사이트 검색엔진을 달자...(네이버,다음,야후 등등) [3] | 트래비스 | 2006.05.10 |
[소스] 개발자,디자이너 전용 통합검색 스크립트 [1] | 김성대 | 2006.05.19 |
깔끔한 이미지 펼침박스 [2] | ▩윤미 | 2006.07.11 |
상단 타이틀바 흐르는 텍스트 | 왜,그러지 | 2006.07.14 |
위에서 아래로 좌에서 우로... [1] | 왜,그러지 | 2006.07.14 |
배경 음악 연주기(다기능/스틱형) [1] | 이민주 | 2006.10.09 |
{로그인}관리자 로그인 폼 간단함 [2] | 김민환 | 2006.10.10 |
당신은~째 방문자 이십니다.<카운터> [11] | 김민환 | 2006.10.10 |
홈페이지의 필수!! 뮤직 플레이어!! [3] | 김민환 | 2006.10.14 |
새로 파일 하나를 만들어야 한다는게 좀 부담스럽더군요...