[發問] 指標移入物件區域的浮動

因為課業問題，第一次寫網頁，更是剛碰javaScript

老師要求使用「滑鼠指標移動到區域後顯示出開選項」的程式碼
如像此論壇在滑鼠碰到「麻辣家族討論版」時會跳出listview的選項

爬文都是類似如麻辣學園教學的浮動連結選單

看過元素
<a id="fjump" href="index.php" class="dropmenu" onmouseover="showMenu({'ctrlid':this.id})">麻辣家族討論版版</a>

不是很懂class="dropmenu" 和
onmouseover="showMenu({'ctrlid':this.id})"指標於區域內時會什麼指令

也有翻過楊東昱的「javascript精緻範例辭典」，但這部分還是不太會應用
因為剛接觸javascript，還煩請高手可以幫忙解惑

小誌

　暱稱: 小誌
　頭銜: 曾經也是水電工

管理員 Rank: 9 Rank: 9 Rank: 9

帖子: 1190
主題: 394
精華: 113
積分: 1747
點名: 1
作業系統: Vista
軟體版本: Office 2003
閱讀權限: 200
性別: 男
來自: 台灣
註冊時間: 2010-5-1
最後登錄: 2024-11-23

2021牛年全勤獎章好學求知勳章熱烈參與勳章 2017 雞年全勤獎章 2018 狗年全勤獎章 2019 豬年全勤獎章 2020鼠年全勤獎章

2^#

發表於 2013-8-2 01:57 | 只看該作者

下列程式碼貼到你的網頁即可測試,當指標移到彈出視窗這些字上就會出現提示窗

<div onmouseover="alert('你碰到我了!!');">彈出視窗</div>

複製代碼

class="dropmenu"
=>指定CSS樣式類別
onmouseover="showMenu({'ctrlid':this.id})"指標於區域內時會什麼指令
=>執行JS函數showMenu

心安，平安
發表任何無意義的感謝或灌水文章一律砍,珍惜帳號,請詳閱版規!!

TOP

CHABOBOM

小學生 Rank: 1

帖子: 4
主題: 2
精華: 0
積分: 6
點名: 0
作業系統: Window
軟體版本: Win8
閱讀權限: 10
註冊時間: 2013-8-1
最後登錄: 2013-8-6

3^#

發表於 2013-8-2 16:03 | 只看該作者

回復 2# 小誌

先謝謝小誌的解惑
指標移動至指標會跳出警告視窗alert，這功能再爬文時也找過了

可能是我講述問題沒講述清楚，抱歉
但老師希望的功能是指鰾移動到開區塊後有另一網頁或ListView選項出現，然後又於離開開區域時不見

昨天有找到
<img src="網頁圖片測試3.jpg" width="120" height="60" onmouseover="window.open('網站.aspx','登入測試',config='height=300,width=300',resizable='no')" VALUE="測試浮動">
但無法讓他在離開區域時關閉，window.close()會把目前的視窗關閉掉ˊˋ

而且是跳出一個新視窗，但我個人是想做成像這論壇一樣，移動到「麻辣家族討論版版」時會有Menu跳出來讓使用者選擇，比較符合使用者需求

所以若我想做到像論壇功能一樣，也要先寫一個Menu後再讓javascript去showMenu嗎?ˊˋ"

TOP

小誌