脚本宝典收集整理的这篇文章主要介绍了怎么能在页面上实现一个圆形可点击区域?,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。1. map+area
DW软件实现方法 视频:
2. border-radius(H5)
@H_512_12@<style>
.circle{
/*圆设置*/
width:100px;
height:100px;
border-radius: 50%;
cursor: pointer;
/*文字设置*/
posITion: absolute;
left:50px;
top:50px;
line-height: 100px;
text-align: center;
color: white;
background-color:dimgray;
}
</style>
3. 纯js实现
求点在不在圆上的简单算法、获取鼠标坐标等等
两点之间的距离计算公式
|AB|=Math.abs(Math.sqrt(Math.pow(X2-X1),2)+Math.pow(Y2-Y1,2)))
假设圆心为(100,100),半径为50,在圆内点击弹出相应的信息,在圆外显示不在圆内的信息
以上就是怎么能在页面上实现一个圆形可点击区域?的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的怎么能在页面上实现一个圆形可点击区域?全部内容,希望文章能够帮你解决怎么能在页面上实现一个圆形可点击区域?所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。