滑鼠移到某些地方會出現小視窗 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

滑鼠移到某些地方會出現小視窗

javascript html css

getlose 2013-04-07 20:19:48 ‧ 15371 瀏覽

滑鼠移到LANTANA Pattaya Hotel & Resort 會出現小圖示,請問要怎麼寫,不是要跳出視窗的,然後還可以點小圖示裡的其它資訊,那還可以當滑鼠onmouseover時,去執行程式,然後出現的結果在小視窗顯示嗎?

看更多先前的討論...收起先前的討論...

yiying iT邦新手 1 級 ‧ 2013-04-07 20:58:06 檢舉

其實你好像知道怎麼做了耶，先把當onmouseover過去要顯示的DOM預設都是隱藏
(用css的display:none或是javascript去控制都可以)，
等滑過去的時候再顯示(display:block)。

那個DOM就是ㄧ般的html結構，裡面也可以有a標籤或img標籤等等。
最外層用一個class name統一管理這類的需要等滑鼠滑過才顯示的物件。

以上僅供參考.實際上還是需要看你的mockup跟需求面去決定做法

yiying iT邦新手 1 級 ‧ 2013-04-07 21:12:54 檢舉

補充一下，有個東西跟這挺像的或許你可以搜尋 "jQuery tooltips" http://vandelaydesign.com/blog/tools/tooltips-scripts/

getlose iT邦新手 5 級 ‧ 2013-04-07 22:20:55 檢舉

我剛有去看網站,很美耶,樣式很多種,也是我想要的,只是好像要費用耶

yiying iT邦新手 1 級 ‧ 2013-04-08 09:52:34 檢舉

那只好在搜尋看看其他jquery tooltips了xd

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

2 個回答

11

markshu

iT邦好手 1 級 ‧ 2013-04-07 21:28:14

onmouseover顯示一個div

回應
分享
檢舉

登入發表回應

6

bigsmile

iT邦新手 4 級 ‧ 2013-04-08 12:19:14

http://plugins.jquery.com/?s=tooltip

這裡有很多jQuery tooltip的外掛，不用錢

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙