記事一覧

カテゴリー "jQuery"の記事は9件あります

jQuery

アニメーションで矢印がクルっと回転するナウでシンプルなドロップダウンメニューの作り方

dropdown-menu

Webサイトにドロップダウンメニューを作る際、親メニューの横に三角(▼)アイコンなどを表示して、 サブメニューがあることがひと目で分かると便利ですよね。

さらに、そのサブメニューを表示している時は、アイコンの向きを上向き(▲)に変えたほうが矛盾がないので、 今回はそれをCSS3のアニメーションと回転を使ってクルッとさせる方法を試してみましたφ(*’д’* )メモメモ。

(さらに…)

jQuery

スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました

こちらもおすすめです!(2013.08.27)→『ヌルヌルの秘訣はCSS!Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』 はてなブックマーク - ヌルヌルの秘訣はCSS!Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』|ウェビメモ

こんにちは、霙(@xxmiz0rexx)です。

スマートフォンサイトでのメニューの表示方法をあれこれ考えた結果、素敵なjQueryプラグインに辿り着きましたのでご紹介したいと思います。 コンテンツ量が多くてもメニュー分のスペースを考えずに構成できるのでかなり気に入っています :)

(さらに…)

jQuery

jQueryを使ってIE6でもリンクファイルの拡張子ごとにアイコンを表示させる方法。



リンクをクリックした時、ゆっくりと、そして心なしかドヤ顔でpdfが開き始めたら
「あんたバカァ?!」と思いませんか。私は思います。 そんな事態を防ぐには、リンクの横にアイコンを表示させておけばバッチリです。 今回はそれをCSS3ではなくjQueryセレクタを使って再現してみました。

(さらに…)