基本信息
源码名称：js悬浮菜单效果(点击旋转、展开)
源码大小：0.01M
文件格式：.zip
开发语言：js
更新时间：2019-07-17
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍
悬浮圆点，点击动作会打开周边一圈功能按键，再点击则收起功能按键。非常漂亮酷炫

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>懒人原生适用于移动网页悬浮框效果</title>
	<link rel="stylesheet" href="style/style.css">
</head>
<body>
	<!-- 代码部分begin -->
	<div class="float-menu">
		<div class="plus"><div class="cross"></div></div>
		<div class="menu-list">
			<a href="#index" class="link-home">首页</a>
			<a href="#my" class="link-my">我的</a>
			<a href="#cart" class="link-cart">购物车<span id="float-cart">6</span></a>
		</div>
	</div>
	<!-- 代码部分end -->
	<script>
		if(document.querySelector(".float-menu")){
			var plus = document.querySelector(".plus");
			var floatMenu = document.querySelector(".float-menu");
			plus.addEventListener("click", function(){
				floatMenu.className.indexOf("open") > -1?floatMenu.className = "float-menu":floatMenu.className = "float-menu open";
			},false);
		}
	</script>
</body>
</html>