Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

作者/代码整理:  (转载请附加本文地址,带有“js原生”字样的谢绝转载) 发布日期:2018-07-18
JS+CSS3环形展开霓虹灯图标菜单特效是一款手机端svg图标导航菜单,点击主菜单时三个子菜单会围绕主菜单环形动画展开。


js代码

<script type="text/javascript">
var buttonContainer = document.querySelector('.button-container');
var overlay = document.querySelector('.overlay');
var mobileCanvas = document.querySelector('.mobile-canvas')

buttonContainer.addEventListener('click', function() {
	buttonContainer.classList.toggle('open');
	mobileCanvas.classList.toggle('open');
}, false);
</script>