気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
jQueryで背景画像をアニメーションで無限ループさせる
145 users
www.webopixel.net
www.webopixel.net
www.webopixel.net
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
画像の準備 とりあえずアニメーションさせる画像を用意します。ループさせるので継ぎ目のない画像を作成... 画像の準備 とりあえずアニメーションさせる画像を用意します。ループさせるので継ぎ目のない画像を作成した方がいいかもです。 作成したら「bg.png」という名前で保存します。 今回はこんな画像を作成してみました。 デザインがしょぼいとか言ってはいけない！ html+cssでバックグランドに画像を配置 html+cssは特別なことはなく普通に作ります。 画像はbodyの「background」で配置してみました。 html <body> <div id="container"> <h1>jQueryでバックグラウンドを無限ループ</h1> <p> このページはjQueryでバックグランド画像をアニメーションループさせるサンプルページです。 </p> </div> </body> css body{ background: #A6E9FF url(bg.png) repeat-x; margin
www.webopixel.net
www.webopixel.net
www.webopixel.net
www.webopixel.net
forest.watch.impress.co.jp
www.tokyo-np.co.jp
qiita.com/hann-solo
www.huffingtonpost.jp
note.com/mizkun
note.com/shi3zblog
note.com/tttocklll
internet.watch.impress.co.jp
www.bloomberg.co.jp
www.nikkei.com
www.sbbit.jp
news.livedoor.com
meetscareer.tenshoku.mynavi.jp
suumo.jp
suumo.jp
suumo.jp
2014/08/28 リンク