イベントの処理自体の操作(2)
ウインドウサイズが変わっても画面中央に同じ大きさの要素を表示

var divSize={divWidth:200,divHeight:100};
$(window).one('load',divSize,centerDiv) 
         .bind('resize',divSize,centerDiv);
function centerDiv(ev) {
  $('div#center').css( {
      'background-color':'#9cf', 
      'position':'absolute', 
      'width':ev.data.divWidth, 
      'height':ev.data.divHeight, 
      'top':($(window).height()-ev.data.divHeight )/2, 
      'left':($(window).width()-ev.data.divWidth )/2 
} );
}


実行後

このhtmlが青色の長方形を中心に表示している
<div id="center"></div>