今天小編收到一個客戶這樣的提問,我將鼠標(biāo)移動在一段文字上面,然后顯示一段文字的詳細信息,該怎么實現(xiàn)呢, 小編推薦了如下的代碼,可以直接用來使用哦 把下面的代碼保存成一個html文件,用瀏覽器打開試試: <script> function showTooltip(target) { document.getElementById(target.id.replace(/^label/,'tooltip')).style.display = 'block'; } function hideTooltip(target) { document.getElementById(target.id.replace(/^label/,'tooltip')).style.display = 'none'; } </script> <label onmouseover='showTooltip(this);' onmouseout='hideTooltip(this);' id='label0'>把鼠標(biāo)移到我上面看看...</label> <div id='tooltip0' style='display:none;border:1px solid gray;background-color:yellow;color:blue;'><p>這是一段文字的詳細信息。。。</p></div> 這樣就可以了,當(dāng)然我們也可以利用title來實現(xiàn),大家可以參考如下內(nèi)容 |