Автономная функция анимации (например, Jquery)

Question

В настоящее время я использую JQuery для выполнения одной задачи: анимация ширины в div. Мне очень не хочется загружать всю библиотеку JQuery для этой единственной задачи, и мне было интересно, знает ли кто-нибудь, как выполнять автономную функцию, такую ​​как:

div.animate('56');

Где 56 - это процентная доля ширины, которую я бы хотел, чтобы div оживил. Если у кого-нибудь есть какие-либо советы или идеи, я буду очень признателен!

Ben

Answer 1

Если честно, на 55 КБ (или 19 КБ, если ваш сервер поддерживает gzip), я бы просто пошел с jQuery.

Однако эта страница выглядит так, как будто содержит несколько сценариев и информацию, которая поможет вам сделать то, что вы хотите:

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

И источник здесь:

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

Answer 2

Конечно, возможно, но, как правило, трудно заставить анимации работать должным образом в стандартном массиве браузеров.

Если пользовательский интерфейс jQuery / jQuery излишним для того, что вы делаете, вы можете попробовать меньшие библиотеки, такие как MooTools и moo.fx . Также обратите внимание, что Google предлагает JavaScript API для включения библиотек, которые, вероятно, уже будут кэшироваться в браузере пользователя.