마우스옆에 원하는 글자를 넣습니다.
마우스가 움직일때 글자도 같이 따라 움직이도록 하는 스크립트 입니다.
| script example |
<html>
<head>
<script language="JavaScript">
function Move(e) {
document.layers['Menu'].left=e.pageX
document.layers['Menu'].top=e.pageY
}
function Move2(){
document.all["Menu"].style.left=event.clientX
document.all["Menu"].style.top=event.clientY
}
function Follow() {
if (document.all) Move2()
}
function Loaded() {
if (document.layers) {
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=Move
}
}
</script>
</head>
<body onload="Loaded()" onmousemove="Follow()">
<div id="Menu" style="position:absolute; left:200px; top:200px; width:200px;
height:200px; z-index:1;"
name="Menu"> <font
size="2" color=red>안녕하세요?</font></div>
</body>
</html> |
|
|
| 설명 |
| body 태그 안에 Div 태그 안의 내용이 마우스를 따라다니게 됩니다. 여기서는 그냥 글자만
썼는데 이미지를 지정하는 태그를 사용하시면 역시 같은 효과가 나타납니다. |
|
|
|
