2010 年 3 月 31 日
jQuery 1.4からのdelay()メソッドについて
$('#foo').slideUp(300).delay(800).fadeIn(400);
使いそうなのでメモっておきます。
直感的で簡単なので、すぐに導入できそうです。
$('#foo').slideUp(300).delay(800).fadeIn(400);
使いそうなのでメモっておきます。
直感的で簡単なので、すぐに導入できそうです。
なにかのエントリーで見ましたが、IEのデフォルトのスタイルがまとめられていました。
これといって役立ちそうなところはないですが、とりあえず。
DesignReviver
http://designreviver.com/wp-content/uploads/2008/10/example.html
に下記の記述があったのですが、なにかよくわかりませんでした。
$("ul",this)
これは$(this)の中のul要素を選択する時などに使うと思われますが、
初めて見てしまいました。
知らないとはおっかないね。
これは・・・あってるのかしら。
検索の仕方がよくわかりませんでした。
class Test extends SuperTest{ function __construct(){ //スーパークラスのコンストラクタ SuperTest::__construct(); } }
なのに、よく忘れてしまうのでメモします。
$var=5; echo splintf("%02d",$var);//2桁で出力
よくこんなカンジで使ってました。
$var=5; $figures=2 echo splintf("%0{$figures}d",$var);//$figures桁で出力
調べるとこんな使い方も
$nowDate = sprintf("%04d年%02d月%02d日", $year, $month, $day);
使うべきでした。
{php}
$var=”test”;
echo $var;
{/php}
こんなカンジでいけるのかしら?
こんなことできたらおかしいですよね。
これは困惑する。
やるべきではないって覚えときます。
でも正直知りませんでした。
ネタ元
http://www.cssplay.co.uk/menu/css3-shadows.html
以下の記述で、IEとCSS3のブラウザでほぼ同じドロップシャドウができるそうなのですが・・・
記述がめんどくさいですね。
ただ、つかいどころがどこかであるかもなのでメモっておきました。
<style type="text/css"> .container {padding-left:10px;} .shadow {float:left;} .frame {position:relative; background:#fff; padding:10px; display:block; -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); } .clear {clear:left;} </style>
前々からやってはいましたが、データの形式(配列からJSONに)とコールバックの仕方を変えてシンプルにしたので一応メモっておきます。
もちろんこれだけでは動かず一定間隔ごとにchange()関数を実行する必要があります。
ちなみにJSONは(JavaScript Object Notation)だそうです。
//初期フェーズ slide_phase=-1; //データ pickup_data=new Array(); slide_data[0]={"href":"test_url1.html","comment":"テスト1","img_path":"1.jpg"}; slide_data[1]={"href":"test_url2.html","comment":"テスト2","img_path":"2.jpg"}; slide_data[2]={"href":"test_url3.html","comment":"テスト3","img_path":"3.jpg"}; slide_num=slide_data.length; function change(){ if(slide_phase < slide_num-1){ slide_phase ++; }else{ slide_phase =0; } $("#slide img").fadeOut(500,changeSrc); $("#slide a").attr("href",slide_data[slide_phase].href); $("#slide .comment").text(slide_data[slide_phase].comment); } //コールバック // $(this)でイベントが発生したオブジェクトを受け取れる。 function changeSrc(){ $(this).attr("src", slide_data[slide_phase].img_path).fadeIn(2500); }
とあるサイトで、選択したテキストの背景がサイトのデザインと
マッチしていて素晴らしいなと感じました。
ソースを見て行くと
::selection{} ::-moz-selection {}
とありました。
これで指定するんですね。
Mozilla の独自拡張は使うべきではないらしいのですが。
http://www.mozilla.gr.jp/standards/webtips0001.html#c1
これ知りませんでした。
用済みになると、普通にunbind()していました。
$(function(){ $("a").one("click",function(){ alert("もう出てきませんよ。"); }) })