タグ

jqueryに関するmoerrariのブックマーク (5)

  • jQueryで作るカウントダウンティッカー「How to Code a jQuery Rolodex-Style Countdown Ticker」

    ティザーサイトをはじめとして、公開前の期待感をどう作っていくかという部分も近年のWEB制作では求められる部分だと思いますが、今日紹介するのは設定した日時に向けてカウントダウンしてくれるカウントダウンティッカー「How to Code a jQuery Rolodex-Style Countdown Ticker」です。 非常にシンプルな構成と鳴っていて、日、時間、分、秒でカウントダウンを行ってくれます。 詳しくは以下 ティザーサイトにつけるだけで期待感をさらに演出してくれます。基的にはHTMLで書かれていて、jQueryで動いていますし、ソースコードの解説も英語には鳴りますが、公式サイトに詳しく書かれており、WEB制作者であれば問題なく組み込む事ができると思います。 ソースコードも配布されておりますので、実装してみたかったという方は是非お試しください。 How to Code a jQu

    jQueryで作るカウントダウンティッカー「How to Code a jQuery Rolodex-Style Countdown Ticker」
    moerrari
    moerrari 2014/11/04
    http://www.jp.square-enix.com/densetsu/ で使われているものと思われる
  • キャンペーン終了日時をカウントダウンするjQueryプラグイン - Welcart カスタマイズ

    ツイート B! ブックマーク Google+ Pocket Facebook キャンペーン終了日までのカウントダウン、あると良くないですか? 簡単に使える、カスタマイザブルなカウントダウンjQueryプラグインを見つけたので、早速Welcartに使ってみました。 jQueryカウントダウンタイマー【デザイン自由自在版】- 株式会社ワイワイエンジン このプラグインは、endDateTime: '2020/07/24 00:00:00'というようにカウントダウンの終了日時をスクリプトで指定するだけで、現在の時間からの残りの時間を自動でカウントダウンしてくれるものです。 国産なので日語説明が有難く、ファイルサイズも3.28Kbと、非常に軽い。 今回は、これを使ってWelcartのキャンペーン(セールやポイントアップ)の終了日時をカウントダウンさせるアレンジを行います。 もくじ プラグインのダウ

    キャンペーン終了日時をカウントダウンするjQueryプラグイン - Welcart カスタマイズ
  • jQuery入門講座:マウスホイール

    索引 └ プラグイン目次 1章:小ネタ系 ├ イージングの追加 ├ 要素のセンタリング ├ クッキーの操作 ├ マウスホイール ├ スクロールバー(1) ├ スクロールバー(2) ├ スクロールバー(3) ├ スクロールバー(おまけ) └ アニメの一時停止/再開 2章:ショーケース系 ├ Nivo Slider(1) ├ Nivo Slider(2) ├ Nivo Slider(3) └ Nivo Sliderの改造 3章:カルーセル系 ├ carouFredSel(1) ├ carouFredSel(2) ├ carouFredSel(3) ├ carouFredSel(4) ├ carouFredSel(5) ├ スマホでカルーセル(1) ├ スマホでカルーセル(2) ├ カルーセルとnivo(1) ├ カルーセルとnivo(2) ├ カルーセルとnivo(3) └ カルーセルとniv

    jQuery入門講座:マウスホイール
    moerrari
    moerrari 2013/12/23
    マウスホイールイベントを取得できるjqueryプラグイン
  • jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる - かちびと.net

    人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには体を読み込む必要があります。方法は2つあって、

  • jQueryで作る“Amazon風”インターフェイス (1/5)

    「最近、どこでよく買い物していますか?」――こう聞かれて「Amazon!」と答える方も少なくないかもしれません(特に誌読者であれば)。当初は書店の店頭で入手が難しい書籍の購入などに重宝していたAmazonですが、取扱商品が増えた今では、ペットボトルの水からパソコンまで何でも買える便利なECサイトとして、ネット利用者の生活に定着しました。 もっとも、Webサイトを作る立場から見ると、Amazonの魅力は品揃えやサービスだけではありません。Webサイトのデザイン面からAmazonを見ても優れた点は多数あり、実際、国内外の非常に多くのECサイトがAmazonをお手にしたUIを採用しています。今回は、「Amazon.co.jp」を参考にさせてもらいましょう。 今回のお手サイト:『Amazon.co.jp』 米アマゾン・ドットコムの日法人アマゾンジャパンが2000年から運営するECサイト。現

    jQueryで作る“Amazon風”インターフェイス (1/5)
  • 1