jQuery(function(){
// ふきだしにする要素を、透明度50%にして隠す
jQuery(".myNews dd").css({opacity:0.9}).hide();

// dt要素にイベントを追加
//  コード量が増えてくると、bind命令を使った方が整理できると思います
//  jQuery(".myNews dt").bind("mouseover",mouseOverHandler);

// id=myNews要素内のdtにmouseoverイベント追加
jQuery(".myNews dt a").mouseover(function(e){
  // e.targetは、マウスオーバーした要素
  //  next()でe.targetの「次」の兄弟要素を取得
  var t = jQuery(e.target).parent().next();
  // e.clientYは、マウスカーソルの座標
  // css()で、要素にCSSを設定
  // show()で、表示
  var offset = 40;
  // scrollTop()でスクロール分を足す
  t.css({position:"absolute",top:(e.clientY + $(window).scrollTop() - offset),left:(e.clientX)}).show();
});

jQuery(".myNews dt a").mousemove(function(e){
  var t = jQuery(e.target).parent().next();
  var offset = 40;
  t.css({top:(e.clientY + $(window).scrollTop() - offset),left:(e.clientX)});
});

jQuery(".myNews dt a").mouseout(function(e){
  var t = jQuery(e.target).parent().next();
  // hide()で、隠す
  t.hide();
});

});