水平線を引くアニメーションの実装をいくつかやってみます。 左から右へ線を引く まずはベタ塗りの線を引いてみます。 HTML <div id="horizon1"></div> CSS #horizon1 { position: absolute; top: 100px; left: 0; width: 0; height: 5px; background: #E74C3C; } JavaScript $(function() { winW = $(window).width(); spped = 3000; $('#horizon1').animate({ width: winW }, spped); }); 線の塗りは背景色で、widthを0から画面幅に広げてアニメーションしています。 左から右へ線を引くデモページ1 ベタ塗りではなく画像で線を引いてみます。 HTML <div id="