タグ

jQueryに関するMXMXMのブックマーク (4)

  • 文字などを流れるニュースティッカー風に表示するjQuery-liScroll使い方 | Glow-Factory

    今回は、jQueryプラグイン【liScroll】を利用して、文字などをニュースティッカーを実装してみたいと思います。 ニュース系のサイトや電光掲示板なんかでもティッカーはよく見る表示方法で、少ない領域でより多くの情報をユーザーに伝えることが出来ます。 また、右から左への文字が動きますので、ユーザーの目に止まりやすいです。 ティッカーとは、 ティッカーとは、特定範囲内に文字列を流して表示させる表示方式のことである。右から左(あるいは上から下へ)文字が次々に流れてゆくのを読ませる方式であるので、限られた狭い領域で多くの情報を表示することができる。 ティッカーの代表的な例としては、新幹線の車内や看板、証券取引所などにある電光掲示板がある。Webページにおいても、左右に文字の流れるティッカー表示が用いられる場合が珍しくない。 こちらのjQueryプラグイン【liScroll】を利用して、Word

    文字などを流れるニュースティッカー風に表示するjQuery-liScroll使い方 | Glow-Factory
    MXMXM
    MXMXM 2015/06/18
    ティッカー
  • [JS]シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のスクリプト -Unslider

    シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応! Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 超軽量のオープンソース スクリプトは3KBと超軽量のオープンソースです。 実装は簡単でクリーン HTMLは非常にシンプルで、カスタマイズも容易です。 高さの調整 サイズに合わせて、スライダーの高さを自動調整します。 レスポンシブ対応 デスクトップ・タブレット・スマフォなど、さまざまなデバイスに対応。 キーボード操作の対応 キーボード(矢印キー)での操作をサポートします。 スワイプ操作の対応 jQuery.event.swipeをサポートしているので、スワイプ操作に

  • CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました

    Webデザインをしていると、HTMLCSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦

  • 伊藤内科医院

    大分市大石町4丁目1組の2 / 097-543-1100 診療時間: 8:30~12:00・13:30~17:30(水曜日は15:30まで) ※受付時間は診療時間終了の30分前までとなります。 休診日: 日曜・祭日・木曜午後・土曜午後

  • 1