ブックマーク / h2ham.seesaa.net (3)

  • Thickboxで表示したコンテンツだけを印刷するテクニック!

    [mixi] jQuery.js | しつもん 162 Thickboxで表示したコンテンツだけを印刷できるようにするテクニックというのはあるのでしょうか? [mixi] jQuery.js | しつもん 162 Thickboxで表示させた部分だけ印刷できるようになんてできるんだろうか・・・?なんて思ったけど、印刷ボタンつけてそこであれこれしたらできそうだなーなんて思ったので実践!! Thickbox部分のみ印刷できるようにする 早速実践! ※とりあえずブラウザでのプレビュー確認報告。Firefox3.6、IE7、IE8は大丈夫な様子。ChromeはデモのThickbox表示がおかしい状況・・・Opera微妙? ■デモ 上記の画像表示中は、その部分のみが印刷される(ハズ)です。 尚、今回の内容はFirefox3.6で動作確認済み。他ブラウザ、時間の関係で未確認です>< カスタマイズ箇所

    Thickboxで表示したコンテンツだけを印刷するテクニック!
    meeeres
    meeeres 2011/12/14
  • jQuery:何度も画像の読み込みをしないロールオーバー

    jQueryのロールオーバーもたくさん出ていますが、 多くで使われているのは、画像のsrcを変化させるものだと思います。 例えばyuga.jsでのロールオーバーもsrcを変化させるものだ。 僕もそのスクリプトをを今まで使っていたが、 それだとIE6などでは何度も画像をダウンロードしにいってしまう。 また、場合によっては他のブラウザでもちらつきなどが起きる場合もある。 特に問題はないのだけど、気になる人もいるという話を聞いて、 ちらつきが起きなかったり、何度も読みに行かないようにするスクリプトを 考えて作ってみることにした。 ロールオーバーサンプル ◆スクリプト $(function(){ $('.over').each(function(){ //srcセット rolloverSrc = $(this).attr('src').replace(/(\.gif|\.jpg|\.png)$/,

    jQuery:何度も画像の読み込みをしないロールオーバー
  • フォントサイズを変える「大・中・小」ボタンを実装する方法

    知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか?という質問をいただきました。 CSSJavaScript(場合によってはJSのみ)で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し

    フォントサイズを変える「大・中・小」ボタンを実装する方法
  • 1