Recoger...soltar...

imágenes, textos, y lo que a uno se le ocurra (los títulos de las entradas, p.e... lo que imagine cualquiera).

¿Qué significa ésto?. Pues echad una mirada a mi blog de Pruebas y moved las imágenes y el texto de la cabecera por donde os parezca, porque... se pueden mover :D, gracias a unas piezas de código:

1º.- CSS, a insertar antes del cierre /skin

<style>

<!--

.drag{position:relative;cursor:hand}

-->

</style>

<script language="JavaScript1.2">

<!--

/*Credit JavaScript Kit www.javascriptkit.com*/

var dragapproved=false

var z,x,y

function move(){

if (event.button==1&&dragapproved){

z.style.pixelLeft=temp1+event.clientX-x

z.style.pixelTop=temp2+event.clientY-y

return false

}

}

function drags(){

if (!document.all)

return

if (event.srcElement.className=="drag"){

dragapproved=true

z=event.srcElement

temp1=z.style.pixelLeft

temp2=z.style.pixelTop

x=event.clientX

y=event.clientY

document.onmousemove=move

}

}

document.onmousedown=drags

document.onmouseup=new Function("dragapproved=false")

//-->

</script>

2º.- HTML, pues... donde queráis mostrar el efecto. Pero dentro de la sección Body, claro

<img src="test.gif" class="drag"><br>

<img src="test2.gif" class="drag"><br>

<h1><b class="drag">"Hi there</b></h1>

Introducid la URL de la imagen y/o el texto que queráis, y listos.

Vía: JavascriptKit