태터데스크 관리자

도움말

적용하기

첫페이지 만들기

태터데스크 메시지

저장하였습니다.

페이지를 읽고 있습니다. ( 아쿠아바다's Blog )

분류 전체보기 (770)

쉐어포인트 (24)

Exchange (12)

SQL (121)

XML (36)

WEB (294)

O / S (97)

삶의향기 (163)

기획 (19)

RSS 피드(IE 7.0부터 기본 지원됩니다. 이전 버전 사용자는 접합한 툴을 사용하세요!!)

부드러운 이미지 전환 효과

WEB/HTML/Css/Script 2007/06/29 13:24 by 아쿠아바다

소스

<html>
<head>
<script language="JavaScript">
<!--

for (var i=1; i<=9; i++)
{
eval('Menu'+i+'A = new Image();');
eval('Menu'+i+'B = new Image();');

eval('Menu'+i+'A.src = "menu/'+i+'-1.gif";');
eval('Menu'+i+'B.src = "menu/'+i+'-2.gif";');

}
function BrowserCheck() {
var b = navigator.appName
if (b=="Netscape") this.b = "ns"
else if (b=="Microsoft Internet Explorer") this.b = "ie"
else this.b = b
this.version = navigator.appVersion
this.v = parseInt(this.version)
this.ns = (this.b=="ns" && this.v>=4)
this.ns4 = (this.b=="ns" && this.v==4)
this.ns5 = (this.b=="ns" && this.v==5)
this.ie = (this.b=="ie" && this.v>=4)
this.ie4 = (this.version.indexOf('MSIE 4')>0)
this.ie5 = (this.version.indexOf('MSIE 5')>0)
this.min = (this.ns||this.ie)
}
is = new BrowserCheck()

function chng(ImgName,ImgSrc)
{

if ((screen.colorDepth >= 24) && (is.ie4))
{
eval('document.images.'+ImgName+'.src = '+ImgSrc+'.src;');
}
else
{
eval(ImgName + '.filters.blendTrans.stop();');
eval(ImgName + '.filters.blendTrans.Apply();');
eval(ImgName + '.src=' + ImgSrc + '.src;');
eval(ImgName + '.filters.blendTrans.Play();');
}
}

function chng2(ImgName,ImgSrc)
{
eval('document.images.'+ImgName+'.src = '+ImgSrc+'.src;');
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>무제 문서</title>
<style type="text/css">

</style>
</head>

<body>
<table align="center" cellpadding="0" cellspacing="0" width="155" class="e">
<tr>
<td width="155" height="18" valign="middle"><p align="center"><a onfocus="this.blur()"
   onmouseover='chng("MENU1","Menu1B")' onmouseout='chng("MENU1","Menu1A")' href="javascript:na_open_window('profile', 'profile.html', 0, 0, 250, 350, 0, 0, 0, 0, 0);"><img src="menu/1-1.gif" width="149" height="15" border="0" id="MENU1" style="filter:blendTrans(duration=0.6)"></a></p></td>
</tr>
<tr>
<td width="155" height="18" valign="middle"><p align="center"><a onfocus="this.blur()"
   onmouseover='chng("MENU2","Menu2B")' onmouseout='chng("MENU2","Menu2A")'><img src="menu/2-1.gif" width="149" height="15" border="0" id="MENU2" style="filter:blendTrans(duration=0.6)"></a></p></td>
</tr>
<tr>
<td width="155" height="18" valign="middle"><p align="center"><a onfocus="this.blur()"
   onmouseover='chng("MENU3","Menu3B")' onmouseout='chng("MENU3","Menu3A")'><img src="menu/3-1.gif" width="149" height="15" border="0" id="MENU3" style="filter:blendTrans(duration=0.6)"></a></p></td>
</tr>
<tr>
<td width="155" height="18" valign="middle"><p align="center"><a onfocus="this.blur()"
   onmouseover='chng("MENU4","Menu4B")' onmouseout='chng("MENU4","Menu4A")'><img src="menu/4-1.gif" width="149" height="15" border="0" id="MENU4" style="filter:blendTrans(duration=0.6)"></a></p></td>
</tr>
<tr>
<td width="155" height="18" valign="middle"><p align="center"><a onfocus="this.blur()"
   onmouseover='chng("MENU5","Menu5B")' onmouseout='chng("MENU5","Menu5A")'><img src="menu/5-1.gif" width="149" height="15" border="0" id="MENU5" style="filter:blendTrans(duration=0.6)"></a></p></td>
</tr>
<tr>
<td width="155" height="18" valign="middle"><p align="center"><a onfocus="this.blur()"
   onmouseover='chng("MENU8","Menu8B")' onmouseout='chng("MENU8","Menu8A")'><img src="menu/8-1.gif" width="149" height="15" border="0" id="MENU8" style="filter:blendTrans(duration=0.6)"></a></p></td>
</tr>
<tr>
<td width="155" height="18" valign="middle"><p align="center"><a onfocus="this.blur()"
   onmouseover='chng("MENU7","Menu7B")' onmouseout='chng("MENU7","Menu7A")'><img src="menu/7-1.gif" width="149" height="15" border="0" id="MENU7" style="filter:blendTrans(duration=0.6)"></a></p></td>
</tr>
</table>
</body>
</html>

'WEB > HTML/Css/Script' 카테고리의 다른 글

빙글빙글 회전하는 링크(메뉴) (0)	2007/06/29
Infinite Menu 다이나믹 팝업 메뉴 (0)	2007/06/29
부드러운 이미지 전환 효과 (0)	2007/06/29
이미지/자바스크립트를 이용한 메뉴 구현 (0)	2007/06/29
드래그와 마우스 오른쪽버튼 사용못하게 (0)	2007/06/29
부드러운 서브 메뉴(관리화면 구성에 좋을듯) (0)	2007/06/29

좀더 흥미로운 내용이 많이 있습니다.. HOME >

WEB/HTML/Css/Script를 확인하세요

0 Trackback, 0 Comment, :

1 ... 166 167 168 169 170 171 172 173 174 ... 770

최근에 달린 댓글

링크

최근에 받은 트랙백

아쿠아바다's Blog is powered by Daum & Tattertools / Designed by Tistory

-최근에 올라온 글-

태그목록

Statistics Graph