如下圖所示的多選框列表，要是滑鼠點選某個條例時，顯式該條例的詳細內容。

在頁面中加了一個div，當滑鼠移動時通過onmousemove="selMouseOver(this)"，來設定並顯式div的值。

在IE6中沒有問題，滑鼠點選後，顯式條例的具體內容；

IE7和8，當滑鼠移動時，就顯式條例的具體內容，點選後，又顯式了一遍，重複了。將onmousemove="selMouseOver(this)"去掉後，IE7和8竟然還能顯式。

原因就在：在option中設定了title屬性，<option title='...' value='...'/>

當滑鼠放在下拉框中的某一行時，可以顯式title中的內容。

<option title ='...'/> 的替代方法：

1、定義一個div，設定好樣式

<div id="div_hint" style="display:none; position:absolute">
     <iframe id="bb" style="position:absolute; z-index: 99;width:300px; filter:Alpha(opacity=0)" frameborder="0"></iframe>
    <div id="aa" style="width:300px; border: 1px #9c9c9c solid;font-size:12px;color:black;position:absolute;background-color: #F7F7F7;layer-background-color: #0099FF; filter:Alpha(style=0,opacity=80,finishOpacity=100);"></div>
 </div>

2、通過onmousemove="selMouseOver(this)"給他設定值並顯式，onmouseout="selMouseOut(this)"關閉顯式

  function selMouseOver(obj){
   if(obj.selectedIndex == -1){return;}
    var div_hint = document.getElementById("div_hint");
    div_hint.style.display = "block"
    document.getElementById("aa").innerHTML = obj[obj.selectedIndex].id;------這裡顯式的是option中的id屬性的值
    div_hint.style.left = event.clientX + document.body.scrollLeft+ 10 + 'px';
    div_hint.style.top = event.clientY + document.body.scrollTop + 10 + 'px';
    document.getElementById("bb").style.height = document.getElementById("aa").offsetHeight + "px";
   }
   

function selMouseOut(obj){
    div_hint.style.display = "none"
   }