原生js实现波浪导航效果原生js实现波浪导航效果

本文实例为大家分享了原生js实现波浪导航效果的具体代码，供大家参考，具体内容如下
【原生js实现波浪导航效果】展示效果：

文章图片

源码展示：

js波浪导航 * {undefinedmargin:0; padding:0; font-family:"微软雅黑"; }body {undefinedwidth:100vw; }.wave-ul {undefinedlist-style:none; }.wave-a {undefinedtext-decoration:none; display:block; }.wave-span {undefinedbackground:#f69; color:#fff; width:20px; display:block; }.waveli-in-right {undefinedfloat:left; }.waveli-in-left {undefinedfloat:right; }.wavenav-right {undefinedleft:100%; margin-left:-20px; }.wavenav-left {undefinedleft:0%; margin-left:-130px; }.wave-li {undefinedmargin:1px; display:block; background:#ccc; width:150px; overflow:hidden; }.wave-nav {undefinedposition:fixed; }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。