Elementos operacionais e elementos de posicionamento, usando JS para implementá -los é uma boa escolha. Há um exemplo abaixo. Amigos que precisam podem dar uma olhada nele.
<! Doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> uma instância de javascript por elemento de elemento diurno-operado </title> <estilo> div#a {width: 500px; } div {borda: 1px Solid #000; preenchimento: 10px; } #Cursor {Posição: Absolute; Background-Color:#ff0; Largura: 20px; Altura: 20px; Esquerda: 50px; TOP: 300px; } </style> <cript> função positionObject (obj) {var rect = obj.getBoundingClientRect (); return [rect.left, rect.top]; } window.onload = function () {var tst = document.documentElement.getBoundingClientRect (); alerta (tst.top); var cont = 'a'; var cursor = document.getElementById ("cursor"); enquanto (cont) {cont = prompt ("Onde você deseja mover o bloco do cursor?", "A"); if (cont) {cont = cont.TolowerCase (); if (cont == "a" || cont == "b" || cont == "c") {var elem = document.getElementById (cont); var pos = positionObject (elem); console.log (POS); cursor.setAttribute ("style", "top:"+pos [1]+"px;"+"esquerda:"+pos [0]+"px"); }}}}} </script> </adhead> <body> <div id = "a"> <p> a </p> <div id = "b"> <p> b </p> <div id = "c"> <p> c </p> </div> <//div </div </div = "cursor"> </p> </div>