Pure CSS transition effects for off-canvas views
Pure CSS transition effects for off-canvas views You have probably all seen the "drawer menu/off-canvas" navigation style made popular by Facebook a few years back. There are a lot of great javascript plugins that offers this functionality, but I thought it would be cool to try and do this with the new cool features of css. No javascript required. Demo Download v1.0.2 Documentation
jQueryでスクロールしても上に固定されるメニュー｜Webpark
よく見かけるタイプのjQueryを使ったスクロールしても上に固定されているメニューを紹介します。最近FC2ブログの上部に現れた検索バー（このブログは非表示にしてます）みたいな感じです。 <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.5'},400); //スクロール時 else $('#nav').stop().animate({'opacity':'1'},400); //一番上にあるとき }); $('#nav').hover( function (e) { var scrollTop =
Stu Nicholls | CSS PLAY | Professional dropline / dropdown / flyout menu version 2
CSS MENUS › Pro dropline / dropdown / flyout version 2 - hybrid menu Date : 12th July 2009 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information The same functionality as the previous menu but with different styling. The flyout can be positioned to the left or the right of the dropdown. This menu has been tested and works in IE6, IE7, IE8,
Stu Nicholls | CSS PLAY | Horizontal unordered list non floating
Information Using display:table; which is understood by all the modern browsers, we can center a horizontal menu of unknown width by using margin values. For IE6 and IE7 we can use display:inline-block; and display:inline; which gives the menu a width value and then position this using text-align. When using display:table; in Firefox, you must also use display:table-row; in the following element t
Stu Nicholls | CSS PLAY | Professional - Any width dropdown/flyout menu
CSS MENUS › Professional - Any width dropdown/flyout menu Date : 17th October 2008 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Home Contact Us Email Telephone Online Form Snail Mail Address Resort Ski Hire Facilities Main Ski Slopes Beginners Slopes Intermediate Slopes Advanced Skill Levels Local Nearby With instructor Snow boarding Expert N
Droplet Web Plugin
Meet Droplet A CSS and JavaScript driven info browser & carousel. This is Droplet in action! Droplet is a web plugin which helps you present information in small parts to allow readers explore and find their path. Droplet consists of a navigation bar at the top and content area below. We have built Droplet with CSS animations, a bunch of CSS variables, and such JavaScript features as progress bar,
Stu Nicholls | CSS PLAY | Professional variable width menu #4
CSS MENUS › Professional variable width dropdown menu #4 Date : 15th October 2008 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Pull Down Menu Also called a "drop-down menu" or "pop-down menu," the common type of menu used with a graphical user interface (GUI). Clicking a menu title causes the menu items to appear to drop down from that positi
[JS]入れ子の階層に対応した、多段型ナビゲーションのスクリプト集
Dynamic Driveのエントリーから、入れ子の階層に対応した多段型ナビゲーションのスクリプトを紹介します。
THE WONDERFUL Parodi (Pier...) Eugenio euDock 2.0 SITE!!!
(Quella strafiga della) Barbara (Quella supermegaciccia della) Serena (Quell'iperMegaCicciaFigonissima della) Lucia (Quel mona di) Riccardo (Quel monarca di) Jules (Quel corridore in mona di) Paolo (Quel fiorino di) Stefano (Quel diplomatico di) Michele (Quell'amico di lesbiche di) Claudio (Quello che si fa invitare a casa di una ninfomane e non riesce a farsela dare di) Marco (Quello che non dice
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Stu Nicholls | CSS PLAY | Professional - dropdown table menu
[CSS]ボタンやナビゲーションを実装するスタイルシートのチュートリアル集
http://cssglobe.com/post.asp?id=903