はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ タブ切替

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 2 / 2件)
 

さりげないアニメーションがいい感じ、HTML/CSSでシンプルに実装するタブコンテンツ | コリス

2013/10/07 このエントリーをはてなブックマークに追加 142 users Instapaper Pocket Tweet Facebook Share Evernote Clip タブ トリック GIFアニメーション デモ ラベル

コマ数を落としているから、アニメがうまく見えてないかも タブコンテンツはシンプルながら、さりげないアニメーションが仕込まれておりいい感じです。上記はgifアニメーションで、実際のデモは下記ページで確認できます。 Pure CSS Tabs タブ切替のトリックは、ラジオボタンです。タブとして表示されているラベルをクリックするとラジオボタンがチェック状態になり、コンテンツが表示されます。 HTML タ... 続きを読む

Ajaxやタブ切替には必須かも?ブラウザの「戻る」「進む」を有効にするjQueryのhashchangeプラグイン :: 5509

2010/11/19 このエントリーをはてなブックマークに追加 451 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery Ajax window function 必須

Ajaxやタブクリックなどのイベントでもブラウザの「戻る」「進む」を有効にすることができるjQueryのhashchange eventというプラグインを紹介します。同じような効果を得られるスクリプトより断然使いやすいのでおすすめです。 使い方はとても簡単で windowにhashchangeイベントをbindするだけです。 $(window) .hashchange(function() { H... 続きを読む

 
(1 - 2 / 2件)