hello 大家好 我是浮若梦幻 今天给大家带来的是一个 前几天刚刚好看到不错的网页 然后自己随手 写了一写 这个扇形导航条的制作 希望大家喜欢
其中的原理 知识点会配合math 做 数学计算
1.勾股定理
2.三角函数
3.角度与弧度的转化
点击展开是这样
一个不错的导航页面 配合 js 完成
下面是源码 如果有什么不懂 欢迎大家留言评论
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
html,body{
height: 100%;
overflow: hidden;
}
#wrap{
position: fixed;
right: 15px;
bottom: 15px;
width: 50px;
height: 50px;
}
#wrap > .inner{
height: 100%;
}
#wrap > .inner > img{
position: absolute;