Fonction d'animation autonome (comme Jquery)

Question

J'utilise actuellement JQuery pour effectuer une seule tâche: animation de largeur sur un div. Je déteste vraiment être charger dans toute la bibliothèque JQuery pour cette seule tâche et je me demandais si quelqu'un savait comment faire une fonction autonome comme:

div.animate('56'); 

Où 56 est le pourcentage de la largeur que je voudrais la div animer pour. Si quelqu'un a des conseils ou des idées, je l'apprécierais vraiment!

Ben

Answer 1

Pour être honnête, à 55kb (ou 19kb si votre serveur prend en charge gzip), je venais de partir avec jQuery.

Cependant, cette page ressemble a quelques scripts et informations pour vous aider à faire ce que vous voulez:

http://www.hesido.com/web.php?page=javascriptanimation

Et la source est ici:

http://www.hesido.com/web/animfunctions.js

Answer 2

certainement possible , mais c'est généralement difficile de faire fonctionner correctement les animations sur l'ensemble des navigateurs standard. Si l'interface utilisateur jQuery/jQuery est trop compliquée pour ce que vous faites, vous pouvez essayer des bibliothèques plus petites comme MooTools et moo.fx. Prenez également note que Google offers a javascript API pour inclure les bibliothèques susceptibles d'être déjà mises en cache sur le navigateur d'un utilisateur.