如何创建类似此页面的效果？

Question

Click "Reply by Email" of that page,

http://losangeles.kijiji.com/rooms-roommates/el-monte/room-for-rent-el-monte-california-91732/?ad=785656

Answer 1

By using jQuery you can simply use the show() method:

$("button").click(function () {
  $("#mydiv").show("slow");
});

More info here: http://docs.jquery.com/Effects/show

Answer 2

In jQuery the effect closer to that page is slideDown :

$("button").click(function () {
  $("#mydiv").slideDown("slow");
});

Answer 3

With jQuery. See jQuery Effects/animate .

Answer 4

I believe MooTools is capable of doing this task. If not its not that hard to create that effect. Use setInterval to create an interval that repeats itself and resizes the box.

Answer 5

Simply jQuery

With one line of code you can do this.

www.jquery.com