Ver Mensaje Individual
  #4 (permalink)  
Antiguo 08/05/2013, 14:29
Avatar de ArturoGallegos
ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Desaparece y aparece.

pensando en hacerte un ejemplo, se me ocurrió que con CSS también se puede solo hay que cambiar algunas cosas... prueba con:

Código CSS:
Ver original
  1. .divnoticia {
  2.     background: white;
  3.     width: 528px;
  4.     border-radius: 9px;
  5.     overflow: hidden;
  6.     box-shadow: 0px 0px 20px #888888;
  7.     -webkit-box-shadow: 6px 1px 10 #888888;
  8.     -moz-box-shadow: 6px 1px 10 #888888;
  9. position:relative;
  10. z-index:1;
  11. }
  12.  
  13. .blue{
  14.     background:#fe0 url(noise-blue.png);
  15.     border-top-left-radius: 9px;
  16.     border-bottom-left-radius: 9px;
  17.     width: 72px;
  18.     height: 99.5%;
  19.     vertical-align: middle;
  20.     background-repeat: repeat-y;
  21.     margin: 1px 0px 1px 1px;
  22. position:absolute;
  23. z-index:-1;
  24. }

claro que este CSS solo tiene cambios meramente ilustrativos ya te toca re-acomodarlo para que encaje todo.

ahora bien con jquery seria algo como esto
http://jsfiddle.net/Ag666/RaVU7/