Board logo

標題: [發問] 指標移入物件區域的浮動 [打印本頁]

作者: CHABOBOM    時間: 2013-8-1 16:55     標題: 指標移入物件區域的浮動

因為課業問題,第一次寫網頁,更是剛碰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,還煩請高手可以幫忙解惑
作者: 小誌    時間: 2013-8-2 01:57

下列程式碼貼到你的網頁即可測試,當指標移到彈出視窗這些字上就會出現提示窗
  1. <div onmouseover="alert('你碰到我了!!');">彈出視窗</div>
複製代碼
class="dropmenu"  
=>指定CSS樣式類別
onmouseover="showMenu({'ctrlid':this.id})"指標於區域內時會什麼指令
=>執行JS函數showMenu
作者: CHABOBOM    時間: 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嗎?ˊˋ"
作者: 小誌    時間: 2013-8-2 22:30

回復  小誌


所以若我想做到像論壇功能一樣,也要先寫一個Menu後再讓javascript去showMenu嗎?
CHABOBOM 發表於 2013-8-2 16:03


是的
參考這篇
http://forum.twbts.com/thread-364-1-1.html
作者: CHABOBOM    時間: 2013-8-5 14:28

謝謝小誌幫忙解惑^^
但我最後是用CSS的方法解決了

後面才知道原來我問的方式錯了
方法的名稱為 展開是選單
因為剛接觸所以都不太懂名稱,講述問題的方法又不太好ˊˋ

不過還是很謝謝小誌^^




歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)