묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
말풍선 관련 소스에서..
2004.03.15 14:44
말풍선(링크걸리곳 도움말)소스짤 줄은 모르고 이런 소스를 구했는데요.
말풍선안에 글자 폰트크기 조절이랑.
말풍선배경색 투명으로 한는것.
말풍선 박스모양 바꾸는것(예를 들면 각진곳을 둥글게 하는것)
이것은 어떻게 하나요?
한개라도 답변해주시면 감사하겠습니다.
<html>
<head>
<title>링크에 도움말 만들기</title>
<script language="JavaScript">
<!--예제
function LinkDetail(ld) {
window.status = ld; //상태선 메세지
dbox.innerText = ld; //링크 도움말 메세지
dbox.style.visibility = "visible"; //도움말 보임
dbox.style.position = "absolute"; //상대적인 위치(링크에서 마우스가 움직이는곳의 상대적인곳)
dbox.style.left = event.clientX + 10; //onMouseOut이벤트 발생시 메세지의 가로축(X)위치
dbox.style.top = event.clientY; //세로축(Y)
}
function ClearDetail() {
dbox.style.visibility = "hidden"; //도움말 해제
}
//스크립트 끝-->
</script>
<style type="text/css">
<!--
#dbox {border: blue 1px solid; background-color: #FFCC00}
-->
</style>
</head>
<body>
<!--링크및 도움말 메세시 작성-->
<a href="#" onMouseMove="LinkDetail('도움말 메세지 넣는곳')" onMouseOut="ClearDetail()">링크</a>
<!--도움말 메세지가 실제로 들어 가는 박스-->
<span id="dbox" style="visibility: hidden"></span>
</body>
</html>
말풍선안에 글자 폰트크기 조절이랑.
말풍선배경색 투명으로 한는것.
말풍선 박스모양 바꾸는것(예를 들면 각진곳을 둥글게 하는것)
이것은 어떻게 하나요?
한개라도 답변해주시면 감사하겠습니다.
<html>
<head>
<title>링크에 도움말 만들기</title>
<script language="JavaScript">
<!--예제
function LinkDetail(ld) {
window.status = ld; //상태선 메세지
dbox.innerText = ld; //링크 도움말 메세지
dbox.style.visibility = "visible"; //도움말 보임
dbox.style.position = "absolute"; //상대적인 위치(링크에서 마우스가 움직이는곳의 상대적인곳)
dbox.style.left = event.clientX + 10; //onMouseOut이벤트 발생시 메세지의 가로축(X)위치
dbox.style.top = event.clientY; //세로축(Y)
}
function ClearDetail() {
dbox.style.visibility = "hidden"; //도움말 해제
}
//스크립트 끝-->
</script>
<style type="text/css">
<!--
#dbox {border: blue 1px solid; background-color: #FFCC00}
-->
</style>
</head>
<body>
<!--링크및 도움말 메세시 작성-->
<a href="#" onMouseMove="LinkDetail('도움말 메세지 넣는곳')" onMouseOut="ClearDetail()">링크</a>
<!--도움말 메세지가 실제로 들어 가는 박스-->
<span id="dbox" style="visibility: hidden"></span>
</body>
</html>