[jQuery] Animate Query
[jQuery] Animate Query
Hey All,
Im kind of new to all this jQuery stuff ... Im building a site at the
moment and i want to put some jQuery in, but im not sure how to go
about it.
What i want to do is wait about 2 or 3 seconds after the page has
loaded, fade in some text, wait another 2 or 3 seconds, then have it
scroll to the left until its off screen, then once thats done, loop it
so that it fades in again etc etc
This is how i have formatted the text that needs to have the jQuery
added to:
<span class="artistname">Armin Van Buuren Armin Van Buuren Armin Van
Buuren</span>
and so far this is what i have in the way of jQuery:
<script>
$(document).ready(function() {
$.fn.wait = function(time, type) {
time = time || 1000;
type = type || "fx";
return this.queue(type, function() {
var self = this;
setTimeout(function() {
$(self).dequeue();
}, time);
});
};
function runIt() {
$(".artistname").wait()
.animate({left:'+=200'},2000)
.wait()
.animate({left:'-=200'},1500,runIt);
}
runIt();
});
I just cant seem to get it to work and i would really appreciate some
help in getting this to work.
Pleaseeeeeee :)
Cheers,
</script>