Por eso es que queríamos ver el código.
Resulta que no hay CSS. Eso que llamas "borde" no es un
border, sino el límite de una caja. En este caso, supongo que para tu
div id="hol".
En pricipio, el
hover te serviría perfectamente. Quizá con algún ajuste, pero anda.
El problema de ese código está en que ni miraste el link que te dejó
dontexplain. De otra forma, sabrías que
cursor (ya) no tiene ningún valor
hand.
Seguramente estás queriendo usar
pointer.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<script type="text/javascript">
function raton(e) {
x = e.clientX;
y = e.clientY;
if(event.offsetY <=5){
document.getElementById('hol').style.cursor='pointer';
}
document.getElementById('co').innerHTML = x+'-'+y;
}
</script>
<style type="text/css">
</style>
</head>
<body>
<div id="hol" onmouseover="raton(event)">
<p id="co" >
QWERTYUIOP
</p>
</div>
</body>
</html>
Cambiando el evento por
onmousemove se pueden ver mejor los límites donde empieza a trabajar el escript.
Hay más formas de hacerlo, combinando eventos en las capas, pero si ésa te sirve, está bien.