Javascript
Como crear un Div Slide (deslizante) con jQuery
Mar 2
Hace tiempo les mostraba como ocultar y mostrar un Div con JavaScript ahora veremos algo parecido pero con jQuery, el resultado es muy bueno, ya que se le da el efecto de deslizamiento, por lo que no aparece y desaparece el div como en JavaScript, bueno vamos al procedimiento:
Para añadir este efecto a tu web debes seguir unos pasos sencillos, comenzando por descargar jQuery.
Ahora abrimos el archivo en el que queremos añadir el efecto.
El código Javascript
Nos situamos en antes del </head> y añadimos las siguientes líneas:
Lee el resto del articulo »
bxGallery : Galería de imágenes con jQuery
Ene 22
bxGallery es sin duda un plugin para jQuery muy completo para sus ~4kb hace maravillas solo tienes que agregar una lista desordenadas con tus imágenes y bxGallery hará el resto para obtener una útil galería de imágenes. Es muy configurable, además de sencillo de adaptarle algún diseño.
Algunas de las características relevantes de bxGallery
- Cross browser (incluyendo IE6)
- Crea una lista con las miniaturas automaticamente
- Configuras el tamaño máximo de las imágenes
- Asignas la clase que desees al contendor
- Configuras la opacidad de las thumbnails
- Defines la imagen que se mostrará para precarga
- Asignas dimensiones para la lista, imágenes, contendores
Como verán es un script muy poderoso y se le puede sacar mucho provecho…
Ocultar y Mostrar un Div con JavaScript
Ene 5
Navegando por la web encontre este mini tuto de como ocultar y mostrar un div en nuestra pagina, en re
alidad el tuto es facil, asi que me tome la molestia de ponerle un poco de color para que se vea mas atractivo 
La idea principal de esto es que una etiqueta <div> se oculte y muestre al presionar sobre un vinculo, aca un ejemplo de ello, ya ustedes lo pueden modificar y aplicar a su gusto.
-
<script type=“text/javascript”>// <![CDATA[
-
function mostrar() {document.getElementById('capa').style.visibility = "visible";} function ocultar() {document.getElementById('capa').style.visibility = "hidden";}
-
// ]]></script>
El codigo anterior va entre las etiquetas < head >< / head >
Ahora, lo siguiente es para lo que se va a mostrar y ocultar:
Y ahora el CSS para darle mas estilo:
