-
Cómo hacer un DIV Arrastrable
-
Si quiere hacer un chapoteo en su página web y destacar contenido de una manera única, puede incluir un div que pueden arrastrarse en su página. Un div es una mini sección de código HTML que incluye a menudo una imagen o dos y una colección de texto. Cualquier cosa en un div se destaca del resto del HTML en una página. Una forma de obtener el div que se destacan más es hacer que se pueda arrastrar, lo que significa que el usuario puede colocar el div donde quiera que le gustaría colocarlo.
Instrucciones
1 Ingrese a su servidor Web. Abra el archivo HTML para el que desea insertar un div que pueden arrastrarse.
2 Haga clic con el cursor en la sección <head> del código HTML.
3 Introduzca este código:
<Style type = "text / css">
.dragging {
background: # 0000FF;
Anchura: 400px;
altura: 400px;
position: absolute;
top: 50px;
izquierda: 50px;
z-index: 5;
}
</ Style>
4 Vuelva a colocar el código de color de fondo, si lo desea (ver Recursos).
5 Haga clic en la sección <body> de la página en la ubicación en la que desea que aparezca el div cuando la página se abre por primera vez.
6 Introduzca este código:
<Div id = clase "dragger" = "arrastrando">
Div con la clase <b> arrastrando </ b>
<P> Su texto va aquí </ p>
</ Div>
7 Sustituir "Su texto va aquí" con el texto o la imagen que desea insertar en el div que pueden arrastrarse.
8 Publicar la página.
