jQueryで背景画像をアニメーションで無限ループさせる
画像の準備 とりあえずアニメーションさせる画像を用意します。ループさせるので継ぎ目のない画像を作成した方がいいかもです。 作成したら「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
【閲覧注意】おまえらに航空事故紹介したる : 哲学ニュースnwk
2012年06月16日07:00 【閲覧注意】おまえらに航空事故紹介したる Tweet 1：以下、名無しにかわりましてVIPがお送りします：2012/06/16(土) 00:47:39.97 ID:MzY4/AvHi テネリフェ空港ジャンボ機衝突事故 航空事故で最大の死者を出した事故 死者583人生存者59人 名前の通りジャンボ機とジャンボ機が衝突するというスケールにおいても世界一といえる事故。 ゆっくり走ったいた飛行機に離陸中の飛行機が覆いかぶさる形で衝突、 原因は管制官の指示を勘違いしたこと、霧が濃かったこと。 http://ja.wikipedia.org/wiki/テネリフェ空港ジャンボ機衝突事故 2： 以下、名無しにかわりましてVIPがお送りします：2012/06/16(土) 00:48:35.30 ID:3N4xcvHq0 両機とも墜落したの？ よく59人も生き残ったな 4：
掃除機の鬼が作ったに違いないと思えるほどのこだわりとレベルに達している「エアシス MC-SXD410」実機レビュー
三洋電機がかつて生み出した掃除機の名作「airsis SC-XD4000」は価格.comのレビューでも「この商品を使うと他の掃除機が使えなくなりました」「隙間も角も届くので気持ちいい。掃除が楽しくなった」「使い始めて実質1ヶ月ほどですが、大満足しています」「即買いですよ！」と高評価を受けまくっていたモデルだったのですが、、同社がパナソニックに吸収されたことにより廃番となってしまいました。ところが、あまりの人気のためかどうかは確かではありませんがパナソニックブランドからも「エアシス MC-SXD410-W」として省エネ性能などを高めたバージョンアップモデルが発売されており、旧モデルと同様に評判も上々のようです。というわけで、業界再編の荒波すらも乗り越えてきたこの掃除機の実力は一体どれほどのものなのか、実物を購入してチェックしてみることにしました。 ◆フォトレビュー パッケージはこんな感じ。
サイトの背景で雲などが動く！アニメーション効果を出す JavaScript 集
最近は、コワーキングスペース タネマキ の方で、記事を更新しています。@uetsuhara でも気になったニュースや記事など流してます。良かったら覗いてみてください。 読了目安 1分58秒 宣伝ぽいですがてか宣伝になりますが、横浜のコワーキングスペースタネマキで、また背景の雲が動き始めました。やはりちょっと重い？とのことで、現在一時停止中です。別の方法を模索中。 understandard.net が実装してくれました。詳しいことは彼にｗ ついでに似たようなスクリプトを集めてみました。まぁタネマキでも使っている $fx というライブラリで十分な気もしますが。なかなか動きが軽い気がします。 背景を動かすスクリプト一覧 $fx – JavaScript animation library 僕らが今回使ったのはこちら。なかなか良いかと。高機能な割には、軽量ってのが売りのようです。雲などの画像レイ
Stellar.js
Parallax has never been easier. Add some simple data attributes to your markup, run $.stellar(). That's all you need to get started. Scroll right to see Stellar.js in action. Precisely align elements and backgrounds. All elements and backgrounds will return to their original position when they meet the edge of the screen—plus or minus your own optional offset.
Parallax Backgrounds で背景画像のスクロール速度を変える
背景画像のスクロール速度を変えることで、コンテンツと背景画像で遠近感を演出することができるスクリプト「Parallax Backgrounds」を紹介します。 via:ページに今まで見たことのないような背景画像をCSSとJavaScriptで設定「Parallax Backgrounds」 via:背景イメージを遠近感トリックでスクロールする方法 （Parallax Backgrounds） 公式サイトのサンプルでは、スピードが異なる2つの背景画像を組み合わせているので、やや奇抜な印象を受けますが、背景を遠方として捉えたイメージで作り直したサンプル（単に雲を除いただけ）をご覧頂ければ、シンプルな遠近感の動きを楽しめます。 サンプル サンプル途中にある引用（blockquote）部分は、横スクロールで背景画像のスクロール速度が変わります。 以下、サンプルを例に、 ひとつの背景画像を縦スクロー
jQueryで奥行きのある背景スクロールを作ってみる
jQueryで奥行きのある背景スクロールを作ってみる 普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。 この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。 投稿日2011年05月13日 更新日2011年05月13日 画像を手前は早く、奥は遅く移動 デモを見て頂ければわかると思いますが、やってることは手前の背景画像を早く動かし、奥の画像を遅く動かしているだけです。 html + css 画像は当然ですが2枚以上用意しましょう。 ここでは3枚画像の画像を使用します。 なのでdivを3つ用意し、それぞれに背景画像を指定します。 html <div id="bg03"> <div id="bg02"> <div id="bg01"> <!-- /#bg01 --
php-メールのタイトル・本文の文字化け解決 | Create it!
PHP、AJAX、Javascript、XHTML、CSS、SEO、アフェリエイト、WEBならなんでも来い。 << March 2009 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >> //メールエンコーディング mb_language("ja"); mb_internal_encoding("ISO-2022-JP"); //本文エンコード $mail = base64_encode($mail); $mail = mb_convert_encoding($mail,"ISO-2022-JP","EUC-JP"); //subjectエンコード $subject = mb_convert_encoding($subject, "IS
香妃園 (六本木/中華料理)
リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。
Singapore Seafood Republic
マッドクラブを、贅沢に、豪快に、たっぷりと味わうひととき。 シンガポール政府に選ばれた4ブランドの共演が織りなす、日本では出会えなかった美味の数々をお楽しみください。 SINGAPORE’S 4 BELOVED SEAFOOD RESTAURANTS HAVE ARRIVED.Incredibly fresh mud crabs flown in, luxuriously and carefully served and bursting with flavor. These 4 interwoven restaurants have been certified by the Singapore government so we invite you to enjoy many elegant foods never experienced in Japan. マッドクラブを、贅沢に、豪
PICK BOY ノリグラフ 五線ペン | ヤマハミュージック東京 銀座店
TEL 03-3572-3171 ヤマハ銀座店 インフォメーション 10F-12F 音楽教室 ミュージックアベニュー銀座 TEL:03-3571-4094 FAX:03-3571-4730 7F ヤマハホール ヤマハホール TEL:03-3572-3171 6F ヤマハ銀座コンサートサロン ヤマハ銀座コンサートサロン 5F ピアノ・電子ピアノ・エレクトーン・防音室（アビテックス） ピアノ・電子ピアノ・エレクトーン TEL:03-3572-3132 FAX:03-3574-7986 防音室（アビテックス） TEL:03-3572-3132 FAX:03-3574-7986 4F 管楽器・弦楽器・打楽器／管弦楽器リペアコーナー 管楽器・打楽器 TEL:03-3572-3134 FAX:03-3574-8574 弦楽器 TEL:03-3572-3188 FAX:03-3574-8574 管弦楽器
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。
今更ですが、Google Feed APIを利用してRSSを取得・表示する方法と、そのタイトルをCSSで省略表示させる方法を学びましたのでメモメモ。 みんなだいすきGoogle Feed API サイト制作の際、トップページなどに外部ブログのRSSを表示させたいときってありますよね。 私は過去にバンドの公式サイトを制作していた時、メンバーのブログRSSを表示させてくれとよく頼まれたものです。 （その時は無料RSSサービスを使っていました・・・） そんなときに役立つのがGoogle先生による『Google Feed API』。 表示件数や表示させたい内容、それを囲むタグなどわりと自由にカスタマイズできるので多くのWEB屋さんに愛されているようです。 何かいい方法はないか呟いたところ、多くの方からこちらを薦めていただきましたヾ(*´∀｀*)ﾉ ちなみに、以前はAPIキーを取得する必要があったよ
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本は洗濯機もガラパゴス？ 日米欧で方式なぜ違う｜エンタメ！｜NIKKEI STYLE