Jquery no funciona Internet Explorer

[markos_08]

Hola, estoy metido estos últimos meses de lleno en la maquetación web y hace poco he descubierto Jquery.

Suelo visitar esta página, tiene muy buenos ejemplos para incorporar a una página web:

http://tympanus.net/codrops/category/tutorials/

Pero me he dado cuenta de que los ejemplos no funcionan en Internet Explorer (yo utilizo la versión 8) y me gustaría saber cual es el problema (porque hay otras páginas webs q los ejemplos funcionan bien) y si hay alguna solución para que estos ejemplos funcionen en los principales navegadores.

Muchas gracias...

[emprear]

Iniciado por markos_08

Hola, estoy metido estos últimos meses de lleno en la maquetación web y hace poco he descubierto Jquery.

Suelo visitar esta página, tiene muy buenos ejemplos para incorporar a una página web:

http://tympanus.net/codrops/category/tutorials/

Pero me he dado cuenta de que los ejemplos no funcionan en Internet Explorer (yo utilizo la versión 8) y me gustaría saber cual es el problema (porque hay otras páginas webs q los ejemplos funcionan bien) y si hay alguna solución para que estos ejemplos funcionen en los principales navegadores.

Muchas gracias...

Más que un problema de jQuery creo que se debe a que muchos de los efectos utilizan @keyframes y otras propiedades de css3 no soportadas todavia por IE


Ejemplo
http://tympanus.net/Tutorials/AnimatedWebBanners/
usa

Código CSS:

/* WebKit Animations */
 
@-webkit-keyframes h2-animation {
    0%   {opacity: 0;}
    80%  {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes h3-animation {
    0%   {opacity: 0;}
    80%  {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes form-animation {
    0%   {opacity: 0; right: -400px;}
    90%  {opacity: 0; right: -400px;}
    95%  {opacity: 0.5; right: 20px;}
    100% {opacity: 1; right: 0px;}
}
@-webkit-keyframes boat-in-animation {
    0%   {left: -200px;}
    100% {left: 20px;}
}
@-webkit-keyframes boat-animation {
    0%   {bottom: 0px; left: 0px;}
    25%  {bottom: -2px; left: -2px;}
    70%  {bottom: 2px; left: -4px;}
    100% {bottom: -1px; left: 0px;}
}
@-webkit-keyframes question-mark-animation {
    0%   {opacity:0;}
    80%   {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes cloud-group-1-animation {
    0%       {left: 0px;}
    99.9999%   {left: -720px;}
    100%     {left: 0px;}
}
@-webkit-keyframes cloud-group-2-animation {
    0%       {left: 720px;}
    99.9999%   {left: 0px;}
 

y te puse solo un pedacito
SAludos