jQuery UIによるドラッグ02｜Eight-Smile

jQuery UIによるドラッグ02

今回はjquery-ui-1.8.14.custom.min.jsを読み込んでいます。
対応ブラウザ:IE,Firefox,Google Chrome,Safari
参考サイト:http://gihyo.jp/design/serial/01/jsdoit/0006

-jQuery-

$(function(){
$("#box02").draggable({
//ドラッグ開始時に実行される
start: function(){
$(this).css("background", "#9ce");
},
//ドラッグ終了時に実行される
stop: function(){
$(this).css("background", "#369");
}
});
});

-CSS-

#box02{
width: 70px;
height: 70px;
border: 1px solid #333;
background: #369;
position: relative;
top: 0;
filter:alpha(opacity=60);　　/*IE7以下用*/　
-ms-filter: "alpha(opacity=60)";　　/*IE8用*/
opacity: 0.6;
}