jQueryメモ：bindとtriggerを勉強中 その２
本日もbindとtriggerの勉強の続き。以前に買った『jQueryで作る Ajaxアプリケーション』を読んでいたら、bindとtriggerについて書いてありましたので、今回はそれで勉強。 bindとtriggerと名前空間 ■サンプルHTML <div id="test1"> <p> <button id="trigger-click">すべてのclickを実行</button> <button id="trigger-content">contentのイベント処理</button> <button id="trigger-reset">元に戻す</button> </p> <div class="square">divによる要素(content)</div> <p class="square">pによる要素(square)</p> <span id="description">名前
jQueryでXMLを操作してみる２
以前に、XMLをjQueryで扱う勉強をした「jQueryでxmlを操作してみる」というエントリーを書いたのですが、なぜか今でも検索で見に来る人が多い…そんなにニーズがあるんだなーと、毎月驚いています。 今回は、先日エントリーした「ExcelをXMLで書き出したものをWEBで扱う時の注意」で書いたように、Excelで作ったデータをXMLで書き出し、そのデータを利用したサンプルでも一つ紹介してみようかなと思います。 XMLデータ 今回のXMLのデータは簡単に出来るようにExcelを使って書き出してみようと思います。Excelデータは簡易的に下記のように作ってみました。 このデータを保存するときにXML形式にして保存する。書き出して文字コードを加えたデータは下記のようなものになる。データは一部だけ表示しています。 ■今回利用するXMLデータ(一部省略) <?xml version="1.0"
イメージのLightbox系スクリプトのまとめ
画像の拡大にLightboxとかThickboxとかを使うのですが、 他にもいろいろ出ているので、自分のメモのために一覧にしておく。 一覧はライブラリごとにまとめてみました。 まとめてみると、いろいろあるものですね。 ◆Lightbox系スクリプト jQuery Facebox 1.2 FancyZoom meet jQuery デモ：http://orderedlist.com/demos/fancy-zoom-jquery/ FancyBox Imagebox jQuery lightBox plugin jQuery Lightbox Plugin (balupton edition) デモ：http://www.balupton.com/sandbox/jquery_lightbox/ nyroModal piroBox prettyPhoto Slightly ThickerBo
jQuery：何度も画像の読み込みをしないロールオーバー
jQueryのロールオーバーもたくさん出ていますが、 多くで使われているのは、画像のsrcを変化させるものだと思います。 例えばyuga.jsでのロールオーバーもsrcを変化させるものだ。 僕もそのスクリプトをを今まで使っていたが、 それだとIE6などでは何度も画像をダウンロードしにいってしまう。 また、場合によっては他のブラウザでもちらつきなどが起きる場合もある。 特に問題はないのだけど、気になる人もいるという話を聞いて、 ちらつきが起きなかったり、何度も読みに行かないようにするスクリプトを 考えて作ってみることにした。 ロールオーバーサンプル ◆スクリプト $(function(){ $('.over').each(function(){ //srcセット rolloverSrc = $(this).attr('src').replace(/(\.gif|\.jpg|\.png)$/,
jQueryのanimateで背景色や文字色の変化をできるようにするプラグイン『Color Animations』
はっ！？内容とリード文があってない！？ ってことでいつのまにやら修正しておく。 背景色とか文字色とか、色関係をアニメーションさせようと思っても、 どうやらjQuery単体ではアニメーションできない。 なぜ！？ とまぁ、背景とか色関係をアニメーションで使いたいなと思ったので、 色関係を扱えるようにするプラグインを見つけたので、メモエントリーしておく。 jQueryだけだと背景色と文字色はアニメーションできない jQuery単体だけだと、背景色や文字色のアニメーションができないのです。 理由は下記の通りのようです。 数値型の値をとらない属性（backgroundColorなど）には、animate関数は対応していません。 animate - jQuery 1.2.6 日本語リファレンス つまり、アニメーションさせるには変化させるための数値が必要。 ところが色の値などはデフォルトの状態では数値化
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
