小编use*_*098的帖子

这是我目前拥有的http://jsfiddle.net/6GEfr/

这有效但我希望它像波浪一样.它应该看起来像一个真正的波浪,而不是'v'形状.你是怎么逐渐这样做的？

var height = 0;

setInterval(function () {
    $('#container').prepend('<div style="height:' + Math.abs(height++) + '%"></div>');
    height = (height == 100) ? -100 : height;
}, 10);

我的css:

html, body, #outerContainer, #container {
    height:100%;
}
#outerContainer {
    display : table;
}
#container {
    display : table-cell;
    vertical-align:bottom;
    white-space:nowrap;
}
#container > div {
    width:5px;
    background:black;
    display:inline-block;
}