Menu 使用循环菜单打开工具提示或弹出窗口
这是一个带有CSS和JS的简单HTML。带图标的圆形菜单：Menu 使用循环菜单打开工具提示或弹出窗口,menu,navigation,popup,window,tooltip,Menu,Navigation,Popup,Window,Tooltip,这是一个带有CSS和JS的简单HTML。带图标的圆形菜单： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>test</title> <link rel="styleshe
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>test</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet"href=
"https://cdnjs.cloudfare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
</head>
<body>
<nav class="circular-menu">
<div class="circle">
<a href="#" class="fa fa-home fa-2x"></a>
<a href="#" class="fa fa-facebook fa-2x"></a>
<a href="#" class="fa fa-instagram fa-2x"></a>
<a href="#" class="fa fa-linkedin fa-2x"></a>
<a href="#" class="fa fa-skype fa-2x"></a>
<a href="#" class="fa fa-map-marker fa-2x"></a>
<a href="#" class="fa fa-envelope fa-2x"></a>
<a href="#" class="fa fa-user fa-2x"></a>
</div>
<a href="" class="menu-button fa fa-bars fa-2x"></a>
</nav>
<script src="js/index.js"></script>
</body>
</html>
测试
它工作正常，但我想要的是当用户单击图标时单击弹出窗口或工具提示。Onclick弹出窗口或Onclick工具提示必须响应 这就是你想要的吗？这是肮脏的，但有一个想法
var items=document.querySelectorAll（'.circle a'）；
对于（变量i=0，l=items.length；i
@import”https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css";
身体{
背景：url（）无重复上止点固定；
-webkit背景大小：包含；
-moz背景大小：包含；
-o-背景尺寸：包含；
背景尺寸：338px 151px；
背景位置：上中；
最大宽度：100%；
高度：自动；
}
.循环菜单{
宽度：250px；
高度：250px；
位置：绝对位置；
顶部：0；左侧：0；右侧：0；底部：0；
保证金：自动；
}
.圆圈{
宽度：250px；
高度：250px；
不透明度：0；
位置：绝对位置；
顶部：0；左侧：0；右侧：0；底部：0；
保证金：自动；
-webkit变换：缩放（0）；
-moz变换：比例（0）；
变换：比例（0）；
-webkit过渡：所有0.4s都轻松推出；
-moz过渡：所有0.4都会变缓；
过渡：所有0.4s缓解；
}
.开放式圆圈{
不透明度：1；
-webkit转换：规模（1）；
-moz变换：比例（1）；
变换：比例（1）；
}
.圈出a{
文字装饰：无；
颜色：黑色；
显示：块；
高度：40px；
宽度：40px；
线高：70px；
左边距：-15px；
利润上限：-40px；
位置：绝对位置；
}
.圆圈a:悬停{
颜色：灰色；
}
.菜单按钮{
位置：绝对位置；
顶部：钙（50%-30px）；
左：计算（50%-30px）；
文字装饰：无；
文本对齐：居中；
颜色：#444；
边界半径：50%；
显示：块；
高度：40px；
宽度：40px；
线高：40px；
填充：10px；
背景：#dde；
}
.菜单按钮：悬停{
背景色：#eef；
}
试验
请制作一个jsfiddle或其他有用的东西。我会给你一个指向jsfiddle的链接，按住sorry@Ajonnes，你想在点击图标时弹出一个窗口吗？或者单击时只是一个工具提示？只要此类框的文本内容接受html。我第一眼就想到了一个弹出窗口（由于反应迅速），你让我走上了正轨，非常感谢克里斯蒂安！！：）魔法就在里面：）