인터넷정보

마우스 오버시 이미지 서서히 변하게 하는 소스 2

알 수 없는 사용자 2007. 10. 17. 13:36


http://oxtag.com/html/ex/imgmouseover2.html


<html>

<head>
<title>♡ 카멜롯™의 소스천국 태그피아 ♡</title>
<META HTTP-EQUIVE="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=EUC-KR">
<meta name="description" content="Oxtag는 홈페이지 제작용 태그 및 대화방에서 사용될 수 있는 태그와 슬라이딩메뉴, 자바스크립트 예제, 스타일 시트, 각종 무료정보를 제공하고 있습니다.또한 자바스크립트는 디자인관련, 기능관련 예제로 제공하고 있으며 체계적인 태그강의를 통한 초보에서 진정한 태그강자가 될수 있도록 쉽고 자세하게 태그에 대해서 기술하고있습니다.">
<meta name="keywords" content="태그, oxtag, OXTAG, html, tag, TAG, HTML, 자바스크립트, 자바, javascript, java, JAVASCRIPT, JAVA, 스타일시트, stylesheet, STYLESHEET, 슬라이딩 메뉴, sliding menu, SLIDIG MENU무료, 공짜, 대화방태그, 대화방, 홈페이지제작, 예제, 폭, 퍽, 채팅태그, 채팅, homepage, 정보, 대화방태그, 채팅태그, tip, TIP, 등록, 웹디자인, 웹제작, 웹페이지, 초보, 홈페이지">

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

</head>

<body bgcolor="#0F303F" text="#4876FF" link="#4876FF" vlink="#4876FF" alink="#4876FF">
<div style="position: absolute; top:3; right:3"><form>
    <input type="Button" value="창닫기" onclick="window.close()" style="color:white; background:black; border:gray 2 solid;"
      onmouseover="this.style.color='black'; this.style.background='magenta'; this.style.cursor='hand';"
      onmouseout="this.style.color='white'; this.style.background='black';">
</form></div>
<p align="center"><a href=# onfocus='this.blur()' onMouseOver='ct("img1","http://oxtag.com/html/img/angel.gif")' onMouseOut='ct("img1","http://oxtag.com/html/img/angel2.gif")'><br><img id=img1 src=http://oxtag.com/html/img/angel2.gif border=0 style="filter:blendTrans(duration=0.5)"></a></p>

<div style="position:absolute; width:100px; height:100px; top:190px; left:10px;">
<a href="#" onfocus='this.blur()'
onMouseOver='ct("img2","./../img/angel_01.gif")'
onMouseOut='ct("img2","./../img/angel_02.gif")'>
<img ID=img2 src="./../img/angel_02.gif" border=0 style="filter:blendTrans(duration=0.5)"></a>
</div>


<p align="center"><font size="2" COLOR=#FF00FF><br><b><u>TAGPIA</u><br><br>www.oxtag.com</b></font></p>


</body>

</html>

반응형