Ok. Jetzt weiß ich es.
Hier das Beispiel
und hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function foo(){
$(".block")
.animate( { backgroundColor: 'pink' }, 1000)
.animate( { backgroundColor: 'blue' }, 1000)
.animate( { backgroundColor: 'black', }, {duration:1000, complete:foo});
});
</script>
<style>.block {
background-color: blue;
width: 2000px;
height: 1000px;
margin: 0px;
}</style>
</head>
<body>
<script src="http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js"></script>
<div class="block"></div>
</body>
</html>
Ich würde am liebsten diesen ganzen Thread entmüllen. Hat lange gedauert. Habe es selbst gemacht und eigentlich nicht viel dazugelernt.