Hiệu ứng text di chuyển theo chuột 2008-04-06 12:30:49
<style type="text/css">
<!--
#text_mouse {
position:absolute;
width:120px;
height:22px;
z-index:1;
border:1px solid #ccc;
left:0;
top:0;
}
-->
</style>
<span id="text_mouse">Mouse Move</span>
<script language="JavaScript">
var firefox=document.getElementById&&!document.all;
document.onmousemove=mouseMove;
function mouseMove(e){
if (firefox){
x =e.clientX;
y = e.clientY;
}else{
x = event.clientX;
y = event.clientY;
}
document.getElementById('text_mouse').style.top = y+10+'px';
document.getElementById('text_mouse').style.left = x+10+'px';
}
</script><br />
Demo: Di chuyển chuột
<!--
#text_mouse {
position:absolute;
width:120px;
height:22px;
z-index:1;
border:1px solid #ccc;
left:0;
top:0;
}
-->
</style>
<span id="text_mouse">Mouse Move</span>
<script language="JavaScript">
var firefox=document.getElementById&&!document.all;
document.onmousemove=mouseMove;
function mouseMove(e){
if (firefox){
x =e.clientX;
y = e.clientY;
}else{
x = event.clientX;
y = event.clientY;
}
document.getElementById('text_mouse').style.top = y+10+'px';
document.getElementById('text_mouse').style.left = x+10+'px';
}
</script><br />
Demo: Di chuyển chuột
<style type="text/css">
<!--
#text_mouse {
position:absolute;
width:120px;
height:22px;
z-index:1;
border:1px solid #ccc;
}
-->
</style>
<div id="text_mouse">Test</div>
<script language="JavaScript">
var firefox=document.getElementById&&!document.all;
document.onmousemove=mouseMove;
function mouseMove(e){
if (firefox){
x =e.clientX;
y = e.clientY;
}else{
x = event.clientX;
y = event.clientY;
}
document.getElementById('text_mouse').style.top = y+10;
document.getElementById('text_mouse').style.left = x+10;
}
</script>
<!--
#text_mouse {
position:absolute;
width:120px;
height:22px;
z-index:1;
border:1px solid #ccc;
}
-->
</style>
<div id="text_mouse">Test</div>
<script language="JavaScript">
var firefox=document.getElementById&&!document.all;
document.onmousemove=mouseMove;
function mouseMove(e){
if (firefox){
x =e.clientX;
y = e.clientY;
}else{
x = event.clientX;
y = event.clientY;
}
document.getElementById('text_mouse').style.top = y+10;
document.getElementById('text_mouse').style.left = x+10;
}
</script>
Tra loi 3 comment(s) 2008-04-06 12:30:49
cocbay 2008-04-06 05:24:06
Tra loi
Trương Minh Hùng 2008-08-04 04:32:28
Tra loi
gaulucky92 2008-08-04 08:14:36
Tra loi
Y kien