웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
서서히 이미지를 변경시켜주는 환상적인 룰오버효과
2002.05.31 01:49
예제 보기: http://yoonmi.net/study/study48.htm
<body> 와 </body>사이에 추가해주세요. (1)
======================================================
<script language=javascript>
function cnj(id,after)
{
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
}
</script>
========================================================
<body> 와 </body>사이에 추가해주세요. (2)
========================================================
<a href=# onfocus='this.blur()' onMouseOver='cnj("id01","image2.gif")' onMouseOut='cnj("id01","image1.gif")'><img id=id01 src=image1.gif border=0 style="filter:blendTrans(duration=0.5)" align="middle"></a>
=======================================================
설명:
<a href=# onfocus='this.blur()' onMouseOver='cnj("아이디","변경그림")' onMouseOut='cnj("아이디","원래그림")'>
<img id=아이디 src=원래그림 border=0 style="filter:blendTrans(duration=속도)"></a>
<body> 와 </body>사이에 추가해주세요. (1)
======================================================
<script language=javascript>
function cnj(id,after)
{
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
}
</script>
========================================================
<body> 와 </body>사이에 추가해주세요. (2)
========================================================
<a href=# onfocus='this.blur()' onMouseOver='cnj("id01","image2.gif")' onMouseOut='cnj("id01","image1.gif")'><img id=id01 src=image1.gif border=0 style="filter:blendTrans(duration=0.5)" align="middle"></a>
=======================================================
설명:
<a href=# onfocus='this.blur()' onMouseOver='cnj("아이디","변경그림")' onMouseOut='cnj("아이디","원래그림")'>
<img id=아이디 src=원래그림 border=0 style="filter:blendTrans(duration=속도)"></a>
댓글 7
-
MR.HMH
2002.05.31 08:54
오홀 ~ 누나짱 ~ -
정운식
2002.06.03 02:09
너무 느려요 -
sudden
2002.06.04 10:21
스크립트는 <head>안에 넣는게 더 나을...
예제페이지에 자잘한 거지만 에러있습니다. (__) <body onload="color();"> 라고 적혀있는데 color()라는 function이 없어요 --;;
onload="color();"를 지우셔야.. -
정명주
2002.06.05 06:28
감사합니다.. -
미소 짓는 사람
2002.09.04 17:55
제가찾던... 소스에여
고맙게 쓸게여 -
-=雨=-
2003.12.10 23:41
잘쓰겠습니다^^ ~~ -
Betind™
2004.04.19 18:00
저는 왜 오류가 나올까요? 소스 하나도 손 안대었는데... (제 컴의 자바가 이상한걸까요?)
제목 | 글쓴이 | 날짜 |
---|---|---|
원하는시간에 팝업창을 띄우고 원하는 시간에 닫어뻐리는;; [2] | 키르(絶對) | 2002.06.13 |
부드럽게 스크롤바를 따라다니는..+_+ [6] | 키르(絶對) | 2002.06.13 |
플래쉬 효과나는 신비 메뉴 - -? *수정+카피라이터~ [17] | ▩윤미 | 2002.06.09 |
자바스크립트 이해하기...3 [1] | Eccen | 2002.06.05 |
서서히 이미지를 변경시켜주는 환상적인 룰오버효과 [7] | ▩윤미 | 2002.05.31 |
마우스에 축구공 따라다니는 자바 스크립트.. [6] | MR.HMH | 2002.05.30 |
어설픈 링크방지[정확한 경로로 오세요] [5] | 이성영 | 2002.05.30 |
자바스크립트 이해하기...2 [1] | Eccen | 2002.05.30 |
자바스크립트 이해하기...1 [13] | Eccen | 2002.05.26 |
폼안의 텍스트 입력시 실시간 카운팅 ? [8] | 카멜롯™ | 2002.05.20 |
링크된 텍스르 마우스 오버시 그림이 변한다.(메뉴로도..) [1] | ▩윤미 | 2002.05.19 |
글자가 커졌다가 작아졌다가.. [1] | Anice | 2002.05.17 |
텍스트박스안에서 춤추는글자 [1] | Anice | 2002.05.16 |
자바로 만든 퍼즐 겜^^; [8] | ☆봄비ㆀ | 2002.05.11 |
타이틀바 도, 움직인다! 캬하! (상태바 아님) [10] | ▩윤미 | 2002.05.06 |
웹브라우저, 언어, 운영체제 보여주기.. [3] | 이동기 | 2002.04.29 |
이미지 오버랩 (속도 조절 가능, 이미지 갯수 제한 없음) [8] | 조해성 | 2002.04.25 |
자바스크립트 실행시점 | Jacylee | 2002.04.11 |
배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] | 카멜롯™ | 2002.04.04 |
조그만한창 열기. ^.^ [5] | 아이쿠 | 2002.04.02 |