タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

*JavaScriptと+jQueryと+UIに関するwheyのブックマーク (4)

  • [JS]スライドさせるだけでなくもう一手間加えて、ぐぐぐっとかっこよくナビを表示するスクリプト -Box Lid Menu

    Toybox Box Lid Menuの使い方 Step 1: 外部ファイル 当スタイルシートをhead内に、スクリプトを</body>の上あたりに外部ファイルとして記述します。 <head> ... <link rel='stylesheet' type='text/css' href='css/box-lid.css'> </head> <body> ... ... <script src='http://code.jquery.com/jquery-1.10.2.min.js'></script> <script src='js/jquery.box-lid.min.js'></script> </body> Step 2: HTML 左のナビゲーションとコンテンツをdiv要素などで配置し、並列の構造で実装します。 <div class='box-lid-menu'> <div cl

    whey
    whey 2013/08/01
    いつか使う
  • スマホ集客!研究会

    このサンプルは、 jQuery Mobileのパネルウィジェットを使用して Facebook風のパネル型のナビゲーションメニューを実装しています。 サンプルを表示したら ヘッダー部右端の[Menu]ボタンをタップします。 メインのコンテンツが左側にスクロールして パネル型のナビゲーションメニューが表示されます。 パネルを閉じるには[X]ボタンをタップします。 メインコンテンツをスクロールさせながら パネルを表示するには「data-display="reveal"」属性を追加します。 メインコンテンツの上にパネルを表示するには 「data-display="overlay"」属性を追加します。 ◆ライブデモを見る(スマホでご覧ください) ⇒ ライブデモを見る(スマホでご覧ください) <a href="#navPanel" data-role="button" data-icon="bars"

    スマホ集客!研究会
  • 話題のサークルデザイン|展開可能なソーシャルボタンをjQueryで実装できる「ClassySocial」

    スマートフォン用に作られたアプリのうち、今年はサークルが広まっています。 同時にフラットデザインなんかと併用して使われることがあり、今回はこうしたサークルデザインのアクセントとして使うことが出来るサークルボタンをご紹介致します。 これはjQueryを利用して、比較的簡単に設置出来るのが利点です。 以下からダウンロード可能。 ClassySocial | Class.PM とりあえずイメージとしては以下の様な。 中心から周りに展開。 ボタンから右へ展開。 今回の紹介されているものは、ソーシャルボタンですが、使い道はいろいろですね。 設置 jQueryお決まりのコレ。<head></head>内に記述。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 続いて、CSS

    話題のサークルデザイン|展開可能なソーシャルボタンをjQueryで実装できる「ClassySocial」
    whey
    whey 2013/06/06
    いつか使う
  • jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 - WEB人

    jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 公開:2009年11月 4日 21:06, 更新:2009年11月 5日 08:01 トラックバック(0)  コメント(0)   最近の流行を抑えたサイトを見ていて気になる機能がありました。ページをスクロールして下へ移動すると、右下にスーッと出現する上向きのボタン。ポチっと押すと、ぬるっとスクロールしながらページのトップに戻ってくれる優れものです。 ホイールやスクロールバーを使って戻るのは、縦に長いページほど手間がかかるので、このプラグインがデザインの邪魔にならないのであれば是非実装してみましょう。場合によっては劇的にユーザビリティが向上します。 必要ファイルの準備 まずはjQueryのライブラリファイルを用意します。jQuery公式サイトに「Production (19KB, Minified and Gzi

  • 1