css3动画圆形导航菜单js特效代码

yzch6671

1年前发布

048040

css3动画圆形导航菜单js特效代码

一款js+css3实现的右上角圆形导航菜单代码，鼠标点击圆形图标打开菜单动画特效。

js代码

<script>
toggle = document.querySelectorAll(\".toggle\")[0];
nav = document.querySelectorAll(\"nav\")[0];
toggle_open_text = \'Menu\';
toggle_close_text = \'Close\';

toggle.addEventListener(\'click\', function() {
	nav.classList.toggle(\'open\');
	
  if (nav.classList.contains(\'open\')) {
    toggle.innerHTML = toggle_close_text;
  } else {
    toggle.innerHTML = toggle_open_text;
  }
}, false);
</script>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END