作者foxzgerald (Algorithms)
看板Ajax
標題Re: [請益] 關於mouseover顯示文字
時間Sat Feb 14 17:20:37 2009
※ 引述《foxzgerald (Algorithms)》之銘言：
: ※ [本文轉錄自 PHP 看板]
: 作者: okis0531 (歐奇斯) 看板: PHP
: 標題: [請益] 關於mouseover顯示文字
: 時間: Sat Feb 14 16:59:09 2009
: 如果我想要做一個即時資訊欄 是能夠顯現滑鼠所經過div的說明文字
: 意為要在當滑鼠指到某個div時 將特定資訊顯現在別處的表單 or Div
: 請問該如何做到呢?
: 我只會顯現在同一個區塊中~
: 拜託高手指點迷津 ! 謝謝!
如果沒用 framework . 直接用 javascript 寫，我想可以這樣寫...
其中 message 是我自己定義的屬性，透過 getAttribute('message')來取得
<script>
function ShowMessage(obj) {
var display = document.getElementById('display');
display.innerHTML = obj.getAttribute('message');
}
function ClearMessage() {
var display = document.getElementById('display');
display.innerHTML = '';
}
</script>
<div onMouseOver="ShowMessage(this)"
onMouseOut="ClearMessage()"
message="訊息">test</div>
<div id="display"></div>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.175.169.252
1F：推 okis0531:先謝謝你~~我去試試看 ^^ 02/14 18:42