| |
|
|
| | Мне нужно div все время держать сбоку под мышкой, может у кого есть подобный? поделитесь пожалуйста, а то я в нете чего-то найти ничего не могу. | |
| |
|
|
| |
|
|
| |
для: CrazyAngel
(24.09.2006 в 23:48)
| | | Это типа, чтоб див за курсором бегал?
Если да, то сделай функцию дял события event.onMouseMove, то есть при каждом перемещении курсора обновляй позицию дива.
примерно так (но это только для ИЕ, как в Мозилле заделать я сам еще не разобрался)
<script language="javascript">
<!--
function moveDiv()
{
document.getElementById("dv").style.left = event.clientX;
document.getElementById("dv").style.top = event.clientY;
}
//-->
</script>
//ну и сам див
<div id="dv" style="position:absolute;
left:0; top:0; width:100; height:100; z-index:2" onMouseMove="moveDiv()">
</div>
|
| |
| |
|
|
| |
|
|
| |
для: CrazyAngel
(24.09.2006 в 23:48)
| | | Доработал предыдущий код (минус в том, что только под ИЕ)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Див + курсор - одно целое :)</title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="javascript">
<!--
function moveDiv()
{
document.getElementById("dv").style.left = event.clientX;
document.getElementById("dv").style.top = event.clientY;
}
function divStartPos()
{
document.getElementById("dv").style.left = event.clientX;
document.getElementById("dv").style.top = event.clientY;
}
//-->
</script>
</head>
<body id="doc" onLoad="divStartPos()" onMouseMove="moveDiv()">
<div id="dv" style="position:absolute; left:0; top:0; height:100; width:100; z-index:2; background-color:#0066CC">
</div>
</body>
<html>
|
| |
| |
|
|
| |
|
|
| |
для: CrazyAngel
(24.09.2006 в 23:48)
| | | для полного счастья в ИЕ замени скрипты на
function moveDiv()
{
if(document.getElementById("doc").scrollTop > 0)
{
document.getElementById("dv").style.left = event.clientX;
document.getElementById("dv").style.top = (event.clientY + document.getElementById("doc").scrollTop);
}
else
{
document.getElementById("dv").style.left = event.clientX;
document.getElementById("dv").style.top = event.clientY;
}
}
function divStartPos()
{
if(document.getElementById("doc").scrollTop > 0)
{
document.getElementById("dv").style.left = event.clientX;
document.getElementById("dv").style.top = (event.clientY + document.getElementById("doc").scrollTop);
}
else
{
document.getElementById("dv").style.left = event.clientX;
document.getElementById("dv").style.top = event.clientY;
}
}
|
| |
| |
|
|
