jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化's Archiver

凱森 發表於 2009-5-9 21:02

有辦法利用jQuery做出a:hover的提示區塊?

版大,網大們各位好!
小弟我有個問題想發問:
目前在做一個房租的網站
想要利用[color=Red][b]滑鼠移過[/b][/color]後,會出現一個「[color=Blue]google地圖[/color]」的提示區塊....
如下圖所示:
網大們只要給我一點提示就好了!小弟先再在這感謝了!
[img]http://lh3.ggpht.com/_nQ6AG2DdQlE/SgV9y3fO5JI/AAAAAAAAAqA/ZEHNtxg1BgA/%E5%85%A8%E8%83%BD%E7%A7%9F%E5%B1%8B1.jpg[/img]

[[i] 本帖最後由 凱森 於 2009-5-9 21:03 編輯 [/i]]

wmh 發表於 2009-5-10 01:18

有看到 jQuery plugin 支援 Google Maps,參考看看:
[url]http://code.google.com/p/jmaps/[/url]

如果你會使用 Google Maps 的話,這樣的效果應該不難,
就在 <a> 標籤中加入 mouseover 的事件,用來顯示特定的 <div> 即可。

wmh 發表於 2009-5-10 01:21

另外你也可以參考這一篇:
[url]http://jsgears.com/thread-95-1-1.html[/url]

Yahoo! Maps 有提供一個 smart map 的小工具,你可以參考這隻 JavaScript 的寫法。

頁: [1]

Powered by Discuz! Archiver  © 2001-2009 Comsenz Inc.