タグ

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

  • 透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた

    以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記(09/07/24) 若干修正し、2.1にバージョンアップしました。 (今までのでも問題なく動作します。) ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ

    透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
  • JavaScript:文字を数値に変換する方法(非参考版)

    jQueryとかでCSSのpaddingとかを抜きだした時、 pxやemがついたまま抜きだされてくる。 これをreplace()などで数値だけにして足し算とかをしようとしても、 文字列として扱われてしまうことになる。 つまり、文字を数値へ変換しなければならないのだけど、 JavaScriptでどうやれば数値になるのか知らない。 調べたらたまに使っているeval()を使う事で、 文字を数値として使うことができるらしいので、 メモとしてエントリーしておく。 ※文字列を数値とする場合はevelは利用しないように!! エントリーはJavaScriptを勉強する過程で書いた記事です。文字列を数値に変える場合、エントリーのようなevelを利用するのではなく、次のエントリー「JavaScript:文字を数値に変換する方法その2」を参照し、parseInt()やparseFloat()を利用するように

    JavaScript:文字を数値に変換する方法(非参考版)
  • 文章中の文字をJavaScriptとして動作させてみる

    文章中に使ったサンプルの文字とかを 直接動作させる方法はないかなと思い探してみたら、 どうやらevalという関数で動作させることができるようだ。 今後作って動作させてみたいことがあるので、 今回はその時のために、evalの使い方を勉強してみる。 eval(○○) eval(○○)は、○○に入れた文字を動作させられるらしい。 つまり、書いている文字を引っ張ってきて、そこに入れれば、 書いた文字が動作するのでしょう! 引っ張ってくるのをjQueryの構文にしてみたら、 その構文通りに動くのではないだろうか? ってことで実験。 サンプル ■設定ソース $(function(){ $("input.run").click(function(){ var code = $("#samp").text(); eval(code); }); }); 今回から、$(document).ready(func

    文章中の文字をJavaScriptとして動作させてみる
  • 1