Skippr. A jQuery plugin for creating tasteful slideshows. フラットでシンプルなスライドショーが作れるjQueryプラグイン「Skippr」 スライドショーのUIがフラットでシンプルなスライドショーが作れるようです。 実装されているデモははフルスクリーン仕様でモダンな感じがいいです。 自動再生や速度調整などの基本機能は存在しつつ、シンプルに利用できるみたい。 関連エントリ 背景を分割するなどしてカッコよく切り替えるスライドショーサンプル 画面を印刷して机においた風のエフェクトがクールなスライドショー「Tilted Content Slideshow」
今回はフローティングメニューの作成について見ていきたいと思います。 フローティングメニューとは、画面をスクロールしても画面に合わせて一緒についてきて、固定されたままとなるメニューの事を言います。 ブログを見ると、サイドに表示されているメニューが、スクロールに合わせてアニメーションしながら画面を移動するメニューを見かけます。 それもフローティングメニューと呼ばれますが、エレベーターメニューと言う場合もあります。 フローティングメニューは、HTMLとCSSのみを用いて作成する場合もあれば、JavascriptやJavascriptのライブラリであるJQueryメニューを用いる場合もあります。 せっかくなので、今回の記事では両方試してみたいと思います。 HTMLとCSSのみによるフローティングメニューの作成 より高度なフローティングメニューを手軽に作成したい場合はjQueryを用いた方が良いです
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く