jQuery
JavaScriptでらくらく 縦割りテーブル
縦割りテーブル、プラン別に価格や機能を比較するときなどに使われますが、毎回HTMLで記述するの面倒ですよね。全部のセルにクラス振るのもなんだかクールじゃないし。
今回もまたjQueryで解決しました。filter()が鍵ですかね。これなら何行あっても楽々です!以下、方法をごらんください。
Read more…
【JavaScript】2個以上の条件の分岐(switch文)
たびたび松本です。忘れないうちに書いておきます。主に自分用メモになってるのは気にしない。
さて、今回は「0のときは●●、1のときは●●、2のときは●●」をクールに書いてみたい!がテーマです。今まで覚えられずに避けてきたswitch構文を使います。
【JavaScript】if/else文を一行で書くには?
前回のエントリに続きまして、ラジオボタンの値によって画面の内容を変化させる、というスクリプトを書きたいと思います。例によってjQueryベースで書いていきますが、今回の本題は『JavaScriptの三項演算子』です。簡単に言うと、if/else文を一行で書く書き方。
【jQuery】ラジオボタンのイベント・値のとり方
ちょっとしたデスマーチ中につき、更新が思いっきり滞ってすみません。松本です。
今日はまただいぶスクリプト寄りな話を。
まだまだデスマーチの出口は見えないのですが、忘れないうちに書いておきたいと思います。
3連載です。
【ハイクオリティ】iPhone Toggle UIをCSSとjQueryで実現
三度の飯よりiPhoneが好き!松本です。iPhoneがつながらないと誇張抜きでテンパリます。
かなりクリーンなソースでiPhoneのトグルスイッチを実現しているコードがあったのでご紹介します。なんてクールなんだ! iPhone向けのサイトも多くなってきている昨今、これからガシガシ役に立つんじゃないでしょうか。
百聞は一見にしかず、まずはデモサイトをご覧ください。
jQueryを使って写真・パネルをスライドさせよう!
今回は jQueryを使って写真やコンテンツなどをスライドさせたいと思います。
参考サイトはEasy Slider 1.5です。
それでは早速実装しましょう!
Read more…
jQueryでドロップダウンメニューを実装しよう!
今回は jQueryを使ってドロップダウンメニューを実装したいと思います。仕事で失敗したリベンジです(笑)
使用するプラグインはdroppyというプラグインを使いたいと思います。
参考サイトはhttp://onehackoranother.com/projects/jquery/droppy/です。
それでは早速実装しましょう!
Read more…
Search
Tag Cloud
お役立ち ガラス コーディング サイトデザイン チュートリアル デザイン フォント フリー素材 プラグイン レイアウト 背景 色 CSS freebie html if文 Illustrator iPhone JavaScript jQuery MovableType Photoshop Tips UI Web素材カテゴリー
- サイト紹介 (7)
- チュートリアル (17)
- Illustrator (3)
- JavaScirpt (8)
- Photoshop (1)
- サイトデザイン (3)







