[爆卦]Onmouseover 顯示文字是什麼?優點缺點精華區懶人包

為什麼這篇Onmouseover 顯示文字鄉民發文收入到精華區:因為在Onmouseover 顯示文字這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者foxzgerald (Algorithms)看板Ajax標題Re: [請益] 關於mouse...


※ 引述《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
okis0531:先謝謝你~~我去試試看 ^^ 02/14 18:42

你可能也想看看

搜尋相關網站