웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 186

52

조회 수 : 3847 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25

서서히 변하는 롤오버 효과

<head>
</head> 사이에 아래소스삽입

<script>
function bt(id,after)
{
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
}
</script>

<body></body> 원하는 위치에 아래소스 삽입

<a onfocus='blur()' href="연결될주소"
onMouseOver='bt("menu1","마우스올렸을때 이미지 파일경로.gif")'
onMouseOut='bt("menu1","마우스띄었을때 이미지파일경로.gif")'>
<img id="menu1" src="처음에 보일이미지f" style="filter:blendTrans(duration=0.5)" border="0"></a>

menu1은 메뉴번호 입니다. 예를들어 about 메뉴면 about로 적어도 되고, menu2 이렇게 추가하셔도 됩니다.
이미지 경로는 자신에 이미지경로를 적으시면 되겠습니다.
duration=0.5에서 0.5는 마우스가 올라가고 내려갈때 트랜지션효과의 속도(큰 수를 적어줄수록 부드러워짐.)

profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/webtip/14044/954/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '3'

톡톡 (14045)

2004.08.21 12:00:14

어쩐지.. 뭔가 바뀐거 같더라니.. 멋져요!!
profile
title: [ani]깜빡이는 표정빽짱구 (14046)

2004.08.19 20:57:14

작성자
현재 제홈메뉴에 사용중입니다.
열혈개미 (207898)

2010.06.20 14:22:08

감사합니다. ^^

List of Articles
번호 제목 글쓴이 날짜sort 추천 수 조회 수
86 이전, 다음 버튼이 있는 달력 title: [ani]깜빡이는 표정빽짱구 2004-04-22 16 3001
85 금주가 이번해에 몇번째 주인지 알려주기 title: [ani]깜빡이는 표정빽짱구 2004-04-22 14 3214
84 년도,월,일,시간 표시하기 title: [ani]깜빡이는 표정빽짱구 2004-04-22 12 3115
83 best of best 클릭해서 윈도우창 최소화 하기 [1] title: [ani]깜빡이는 표정빽짱구 2004-04-22 24 3652
82 입력한 주민번호로 나이와 성별 알아내기 title: [ani]깜빡이는 표정빽짱구 2004-04-22 10 6312
81 메뉴를 윈도우버튼처럼하기 title: [ani]깜빡이는 표정빽짱구 2004-04-22 13 2547
80 웹디자이너가 되기위한 기본이론 [1] title: [ani]깜빡이는 표정빽짱구 2004-04-20 13 2634
79 로딩속도 빠르게 하기 title: [ani]깜빡이는 표정빽짱구 2004-04-20 14 2920
78 세계 시간보기 title: [ani]깜빡이는 표정빽짱구 2004-04-18 16 3607
77 버튼만들기 (다른이름으로 저장) title: [ani]깜빡이는 표정빽짱구 2004-04-18 11 2672
76 링크된곳 점선없애기 2 title: [ani]깜빡이는 표정빽짱구 2004-04-18 19 2445
75 best of best 링크점선 없애기 [2] title: [ani]깜빡이는 표정빽짱구 2004-04-18 24 3662
74 스크립트 프롬프트로 배너 달기 [1] title: [ani]깜빡이는 표정빽짱구 2004-04-18 13 3370
73 [나야나] 계정에 알ftp로 파일 올리는 방법 title: [ani]깜빡이는 표정빽짱구 2004-04-12 16 3750
72 best of best html 색상표 title: [ani]깜빡이는 표정빽짱구 2004-04-11 25 3724
71 자기홈에 머문시간 상태표시줄에 표시하기 title: [ani]깜빡이는 표정빽짱구 2004-04-07 19 2527
70 한영전환 변환키 [1] title: [ani]깜빡이는 표정빽짱구 2004-04-05 15 3170
69 연애인뉴스 달기 [1] title: [ani]깜빡이는 표정빽짱구 2004-04-01 13 3505
68 포인트에 따른 자동레벨변경 title: [ani]깜빡이는 표정빽짱구 2004-03-29 16 2261
67 계산기 title: [ani]깜빡이는 표정빽짱구 2004-03-25 9 2241