jQueryとmootoolsを同時に使う方法
ネタ元：mootoolsとjQueryを一緒に使う方法 | チバのブログ 以前から試してみよう、試してみよう！と何度も思ってやってこなかったことで、 jQueryとMootoolsを同時にしようしたい！という気持ちがあった。 jQueryとprototypeの同時使用は以前から知っていたのですが、 同じ方法でjQueryとMootoolsの同時使用ができるのですね！ jQueryは指定とかが簡単なライブラリだけど、 いろいろな動作をさせるにはmootoolsの方が動きが綺麗だなと思っていた。 海外のサイトではjQueryも使われているが、 なんとなくMootoolsも多く使われている印象があったので、 今後の参考として、同時に使う方法をメモとして残しておきます。 ポイントは指定の順番らしい ライブラリを読み込む順番が重要で、 順番通りに書かないとエラーで動作しなくなるようだ。 指定の順番は
【TB企画】これまでに使った便利なjQueryプラグイン
これまでに使った20のjQueryプラグイン :: 5509 5509のnoriさんとチャットで会話しているときに nori: みんなでよく使うプラグインをまとめる、とかは？ nori: ↑それぞれがまとめる nori: 意外と知らないやつとかあったりするかも hiromu45: 皆さんはどうですかー？大募集！ hiromu45: みたいなのやりますか。 なんて話題になったので、ＴＢ（トラックバック）企画にしちゃいます！ 自分の普段使うプラグインやこれは便利だ！なんてプラグインを書いてエントリーに書いて、トラックバックしてください！ 便利なプラグインのまとめ サイトの制作時に使ったプラグインや、これは便利だ！と思っていたプラグインをまとめてみました。今だったら自分で書くかなっていうプラグインも含めてまとめてあります。 jQuery Opacity Rollover http://h2ham
リストを横並びにした時の空白をなくす方法
リストを横並びにした時の空白 リストをdisplay:inline;などで横並びにすると、リストとリストの間に空白ができちゃうんですよね。これを知らないと、paddingを0にしたりとかmarginを0にしたりとか、そういうのでがんばろうとしてしまうんだけど、実はそうじゃなくてHTMLの書き方によって(改行)空白できちゃうんですよね。 これをdisplayプロパティで横に並べる時、どの方法なら隙間なく並べられるか！他の方法とかを含めて検証してみましょう。 いろいろ検証してみる ネタ元の方法が実際にどうなのか、そして、他の対処法も含めて検証してみます。 尚、今回の検証では、IE6、IE7、IE8、Firefox2、Firefox3.0、Opera9.6、Safari、Chromeで検証しました。 １、単純に改行した場合 ■HTML <ul> <li>サンプル</li> <li>サンプル</l
jQuery：マウスオーバーやクリックで背景画像を入れ替えてみる
jQueryを使って、マウスオーバーやクリックをしたときに、 背景画像を変更するという案件が入りそうだったので、 実験的に作ってみました。 マウスオーバーしたときや、クリックした時に、 背景の画像が変わります。 jQueryを使えば基本的な事だけでできることです。 背景画像が変わるサンプル とりあえず作ってみたのでサンプルをみてください。 サンプルのソースは重要部分だけ抜粋してのせておきます。 ■ HTML <div id="content"> <ul> <li><a href="images01.jpg"><img src="m_images01.jpg" alt="背景" /></a></li> <li><a href="images02.jpg"><img src="m_images02.jpg" alt="背景" /></a></li> <li><a href="images03.
リストやテーブルを簡単かつ綺麗にストライプ状に色分けする方法
リストとかテーブルをストライプ状に色分けしようとするとき、 セルとか列に対して一つ一つクラスをつけて、 そしてCSSで装飾するのが一般的だと思います。 でも、クラスを一つ一つにつけていくのって面倒じゃないですか？ 今回紹介する方法を使えば、 簡単かつ綺麗に色分けすることができるので、 参考にしてみてください 面倒なやり方：一つ一つにクラスをつけていく まずはオーソドックスに、 一つ一つにクラスをつけて行く方法を紹介しておきます。 ■HTMLソース <ul> <li class="list01-odd">リスト１</li> <li class="list01-even">リスト２</li> <li class="list01-odd">リスト３</li> <li class="list01-even">リスト４</li> <li class="list01-odd">リスト５</li> </
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
