Yahoo! Media Player

Un revolucionario y fácil de usar reproductor de música que
reproduce audio en su sitio web.

• Agrega sonido a su sitio con una línea de código HTML
• Utilización sencilla, fácil de hackear HTML en lugar de marcado de propiedad complicada, iniciando en la Web Real Media
• Diseño Magical flotantes nunca se pierde, se encuentra disponible cuando usted lo necesita, sale de su camino cuando no lo necesita
  Localiza automáticamente todos los enlaces de audio en su página, convirtiendo su página en una lista de reproducción
• Reproduce todas las entradas de su blog con un clic de botón único
• Le permite poner los botones de juego donde deben estar: EN CONTEXTO
• Mantiene el usuario en la página en lugar de enviarlos a un reproductor de medios
• Recoge tus imágenes y los agrega como arte de la cubierta
• No requiere descarga, instalación o mantenimiento

DESCARGAR

Libro “jQuery 1.3 con PHP”

DESCARGAR

Excelente Menu Drop Down con jQuery y CSS

Los estudios muestran que las navegaciones superior tienden a obtener la mayor atención visual cuando el primer usuario visita un sitio. Después de haber organizado y navegación intuitiva es la clave – y mientras la mayoría de los menús desplegables pueden parecer estéticamente agradable, el desarrollo de ellos para degradar gracia es también esencial. En este tutorial quiero ir sobre cómo crear una caída sexy menú desplegable que también pueden degradar con gracia.

Paso 1: HTML

En primer lugar crear una lista desordenada de navegación superior de su base. Después, simplemente nido otra lista no ordenada para la navegación secundaria.

 <ul class="topnav">
     <li><a href="#">Home</a></li>
     <li>
         <a href="#">Tutorials</a>
         <ul class="subnav">
             <li><a href="#">Sub Nav Link</a></li>
             <li><a href="#">Sub Nav Link</a></li>
         </ul>
     </li>
     <li>
         <a href="#">Resources</a>
         <ul class="subnav">
             <li><a href="#">Sub Nav Link</a></li>
             <li><a href="#">Sub Nav Link</a></li>
         </ul>
    </li>
     <li><a href="#">About Us</a></li>
     <li><a href="#">Advertise</a></li>
     <li><a href="#">Submit</a></li>
     <li><a href="#">Contact Us</a></li>
 </ul>

Cambiar la imagen de fondo CSS con jQuery

Establecer una imagen de fondo usando jQuery en algunos div. Al principio, mi código de configuración de fondo era así:

$('#myDiv').css('background-image', 'my_image.jpg');
// OR
$('#myDiv').css('background', 'path/to/image.jpg');

Mi div no tenía imágenes de fondo. FireBug no mostró propiedades de fondo CSS conjunto y no podía ver por qué las imágenes de fondo no se están estableciendo por jQuery.

Solución a las imágenes de fondo “no se están creando” el problema es establecer que de esta manera:

$('#myDiv').css('background-image', 'url(my_image.jpg)');
// OR
$('#myDiv').css('background', 'url(path/to/image.jpg)');

AJAX en jQuery:mensaje de carga mientras el usuario espera la respuesta Ajax del servidor

Por qué un mensaje de carga al hacer Ajax

Cuando hacemos una solicitud por Ajax, los resultados de dicha llamada a veces tardan en llegar. Durante ese tiempo el usuario puede no ver ninguna reacción por parte del navegador, lo que le puede confundir y pensar que no ha hecho clic correctamente en el enlace o botón. Sería normal en ese caso que el usuario pulse repetidas veces un enlace o un botón de envío de formulario, generando repetidas e innecesarias llamadas al servidor, lo que puede derivar en diversos problemas.

Así pues, es conveniente mostrar un mensaje de carga para advertir que su solicitud fue realizada y el proceso está en marcha y esperando respuesta del servidor.

Vamos a explicar la implementación de este mensaje de carga, pero siempre teniendo en cuenta que nuestra intención en este ejemplo es mantener un código pequeño que se pueda entender fácilmente. Aunque queremos remarcar que las cosas se podrían hacer de otra manera, algo mejorada, cuando sepamos más cosas sobre el framework Javascript jQuery y pongamos en marcha algunas prácticas aconsejables de programación orientada a objetos.

Preparando el código HTML
Como un primer paso, vamos a mostrar el código HTML que tendremos en la página que hará la solicitud Ajax.

<a href="#" id="enlaceajax">Haz clic!</a>
<div id="cargando" style="display:none; color: green;">Cargando...</div>
<br>
<div id="destino"></div>