jQuery 1.4 Animation Techniques - Index of

Other Popular Animations
}
$("", {
href: data.posts[x].url,
title: data.posts[x].title,
html: data.posts[x].title
}).appendTo(marquee);
marquee.wrapInner("").prepend(h2).append(fadeLeft)
.append(fadeRight).insertAfter("header").slideDown("slow");
$("#marquee").find("div").eq(0).width(function() {
var width = 0;
$(this).children().each(function() {
var el = $(this);
width += el.width() + parseInt(el.css("marginRight"));
});
return width;
});
marquee.trigger("marquee-ready");
});
4. We can also add some more CSS, this time for the newly-created elements. Add the
following code to the bottom of marquee.css:
#marquee {
display:none; height:58px; margin:-20px 0 20px;
border:3px solid #d3d1d1; position:relative;
overflow:hidden;
background-color:#e5e5e5;
}
#marquee h2 { margin:0; position:absolute; top:10px; left:20px; }
#marquee a {
display:block; margin-right:20px; float:left;
font:normal 15px "Nimbus Sans L", "Helvetica Neue",
"Franklin Gothic Medium", Sans-serif;
}
#marquee div { margin:20px 0 0 210px; overflow:hidden; }
#marquee div:after {
content:""; display:block; height:0; visibility:hidden;
[ 224 ]