Re: [問題] 網頁上虛線框框問題
※ 引述《spider1216 (順著感覺走)》之銘言：
: http://ppt.cc/WZ4T
: 我想要在Google Map API
: 設計一個虛線框框作為我地圖的中心點
: 目前我是使用table方式 設計我的粉紅色虛線框框
: 不過問題來了 因為是table
: 這樣我就無法點擊table裡面的地圖位置
: 請問有什麼方式可以讓我製作出粉紅虛線的框框
: 本身是網頁設計的初學者 希望可以幫忙我 給我指教
: 小弟感激不盡!
<style>
.dashBorder01{border:1px soild #粉紅色碼;}
.mapCenterBox{width:125px;height:50px;}
</style>
<body>
<div class="dashBorder01 mapCenterBox">
我是地圖中心點
</div>
</body>
js部份
算出你地圖的寬度/2 = x1軸
高度/2 = y1軸
算出你.mapCenterBox的x2軸= x1-(.mapCenterBox的寬度/2)
y2軸= y1-(.mapCenterBox的高度/2)
給.mapCenterBox position:absolute或relative(容器下)
給.mapCenterBox left:x2 top:y2
之後改css 那個粉紅色框就都會在中間
js的方法我不懂太多，可能有直接算中心點的函式也不一定
我這陽春方法提個大概
你參考一下
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 125.226.146.132
※ 編輯: dlikeayu 來自: 125.226.146.132 (10/10 03:59)
推
10/12 10:40, , 1F
10/12 10:40, 1F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
13
23