Ayuda Script wordpress

Mensajes
7
Puntuación de reacción
0
Hola como puedo poner una imagen en lugar del cuadrito rojo
este es el script para que se mueva con el Mause . Gracias

<script type="text/javascript">

function getMouseCoords(e) {
var e = e || window.event;
document.getElementById('msg').innerHTML = e.clientX + ', ' +
e.clientY + '<br>' + e.screenX + ', ' + e.screenY;
}


var followCursor = (function() {
var s = document.createElement('div');
s.style.position = 'absolute';
s.style.margin = '0';
s.style.padding = '5px';
s.style.border = '1px solid red';

return {
init: function() {
document.body.appendChild(s);
},

run: function(e) {
var e = e || window.event;
s.style.left = (e.clientX - 5) + 'px';
s.style.top = (e.clientY - 5) + 'px';
getMouseCoords(e);
}
};
}());

window.onload = function() {
followCursor.init();
document.body.onmousemove = followCursor.run;
}

</script>

<div id="msg" style="width: 1000px; height: 1000px; border: 1px solid blue;"></div>
 
Mensajes
297
Puntuación de reacción
0
<script type="text/javascript">

function getMouseCoords(e) {
var e = e || window.event;
document.getElementById('msg').innerHTML = e.clientX + ', ' +
e.clientY + '<br>' + e.screenX + ', ' + e.screenY;
}


var followCursor = (function() {
var s = document.createElement('div');
s.style.position = 'absolute';
s.style.margin = '0';
s.style.padding = '5px';
s.style.border = '1px solid url(border.png) 30% round';

return {
init: function() {
document.body.appendChild(s);
},

run: function(e) {
var e = e || window.event;
s.style.left = (e.clientX - 5) + 'px';
s.style.top = (e.clientY - 5) + 'px';
getMouseCoords(e);
}
};
}());

window.onload = function() {
followCursor.init();
document.body.onmousemove = followCursor.run;
}

</script>

<div id="msg" style="width: 1000px; height: 1000px; border: 1px solid blue;"></div>
 
Arriba