вариант без
|
Сообщение от WorM32
|
|
delay(500).promise().done
|
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#image {
opacity: 0;
width: 150px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<script>
$(function () {
$('#image').animate({
"opacity": "1"
}, 1000, function () {
setTimeout(function () {
$('#image').rotate({
angle: 0,
animateTo: -45,
callback: function () {
$(this).animate({
"marginTop": "300",
"width": "250"
}, 500);
}
});
}, 500)
})
});
</script>
</head>
<body>
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" id="image">
</body>
</html>