iT邦幫忙

0

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

  • 分享至 

  • xImage

滑鼠移到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.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的外掛,不用錢

我要發表回答

立即登入回答