作者dlikeayu (太阳拳vs野球拳)
看板Ajax
标题Re: [问题] 网页上虚线框框问题
时间Mon Oct 10 03:56:11 2011
※ 引述《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)
1F：推 spider1216:谢谢 我研究看看 10/12 10:40