특정지역에 마우스를 올렸을때 말풍선이 보이듯 플래시 파일로 보이게 하고싶습니다.
이곳저곳 찾아보았지만 이미지외엔 플래시로 연결하는방법이 없어서요
아래 갈색 글을 읽어봐주세요. 한수 부탁드립니다.
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> </title>
<meta http-equiv=content-type content=text/html; charset=euc-kr>
<!---- [1단계] 아래의 스크립트를 HEAD 부분에 복사 해 넣으세요 ----->
<!---- 아래 스타일 코드는 툴팁의 모양을 지정합니다 ----->
<STYLE>
.ttip {border:1px solid black;font-size:12px;layer-background-color:lightgreen;background-color:lightgreen}
</STYLE>
<script>
var tip=new Array
// 보여줄 툴팁을 설정 하세요
// HTML 태그 사용이 가능합니다
tip[0]='해피~한<br>HappyCGI'
tip[1]='두번째 메뉴에 대한 설명 입니다<br>두번째 링크'
tip[2]='세번째 메뉴에 대한 설명 입니다<br>세번째 링크'
tip[3]='이미지를 봅니다 <br><img src=http://static.naver.com/kin/ending/icon_context.gif>'
--------------------------------------------------------------------------------------
위 밑줄 내용에 플래시를 입력해서 써보고 싶은데... 소스를 어디서부터 손을 써야될지몰라서요
부탁드립니다.
function showtip(current,e,num)
{
if (document.layers) // Netscape 4.0+
{
theString="<DIV CLASS='ttip'>"+tip[num]+"</DIV>"
document.tooltip.document.write(theString)
document.tooltip.document.close()
document.tooltip.left=e.pageX+14
document.tooltip.top=e.pageY+2
document.tooltip.visibility="show"
}
else
{
if(document.getElementById) // Netscape 6.0+ , Internet Explorer 5.0+
{
elm=document.getElementById("tooltip")
elml=current
elm.innerHTML=tip[num]
elm.style.height=elml.style.height
elm.style.top=parseInt(elml.offsetTop+elml.offsetHeight)
elm.style.left=parseInt(elml.offsetLeft+elml.offsetWidth+10)
elm.style.visibility = "visible"
}
}
}
function hidetip(){
if (document.layers) // Netscape 4.0+
{
document.tooltip.visibility="hidden"
}
else
{
if(document.getElementById) // Netscape 6.0+ , Internet Explorer 5.0+
{
elm.style.visibility="hidden"
}
}
}
</script>
<!--------------------------- 여기까지 ---------------------------->
</head>
<body>
<!---- [2단계] 아래와 같은 방법으로 태그와 코드를 복사 해 넣으세요 --->
<div id="tooltip" style="position:absolute;visibility:hidden;border:1px solid black;font-size:12px;layer-background-color:lightyellow;background-color:lightyellow;padding:1px"></div>
<a href="http://www.HappyCGI.com" onMouseover="showtip(this,event,'0')" onMouseOut="hidetip()">해피홈</a>
<br>
<a href="http://www.yahoo.co.kr" onMouseover="showtip(this,event,'1')" onMouseOut="hidetip()">야후! 코리아</a>
<br>
<a href="http://www.yahoo.com" onMouseover="showtip(this,event,'2')" onMouseOut="hidetip()">야후!</a>
<br>
<a href="http://www.imbc.com" onMouseover="showtip(this,event,'3')" onMouseOut="hidetip()">이미지도 보여주세요</a>
<!--------------------------- 여기까지 ---------------------------->
</body>
</html>
245
4,513
2008-06-17 13:43:17
닉네임
