Происходит динамическая загрузка и настройка нового дополнения цветной анимации jQuery.
Измените код и нажмите здесь
Ваш результат (
Некоторые примеры не работают в браузере Google Chrome
):
<!DOCTYPE html> <html> <head> <style>.block { background-color: blue; width: 150px; height: 70px; margin: 10px; }</style> <script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $.getScript("http://support.xhtml.co.il/view/trunk/plugins/color/jquery.color.js", function(){ $("#go").click(function(){ $(".block").animate( { backgroundColor: 'pink' }, 1000) .animate( { backgroundColor: 'blue' }, 1000); }); }); }); </script> </head> <body> <button id="go">» Run</button> <div class="block"></div> </body> </html>
Измените указанный выше код и нажмите на кнопку, чтобы увидеть результат
www.xhtml.co.il
- Попробуйте сами
