jQuery点击全屏波浪菜单代码.zip资源-CSDN文库

共7个文件

png：3个

js：2个

html：1个

版权申诉

jQuery特效

CSS特效

网页特效

192 浏览量 2023-10-10 23:44:33 上传评论收藏 103KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery点击全屏波浪菜单代码.zip （7个子文件）

jiaoben7461

jquery.min.js 86KB

script.js 363B

img

wave2.png 50KB

wave.png 50KB

wave3.png 48KB

css

style.css 5KB

index.html 2KB

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>jQuery点击全屏波浪菜单代码 - 更多源码【www.96flw.com】</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="iconWrapper"> <svg viewBox="0 0 100 80"> <rect class="one disableAnimation" width="75" height="10"></rect> <rect class="two disableAnimation" y="20" width="75" height="10"></rect> <rect class="three disableAnimation" y="40" width="75" height="10"></rect> </svg> </div> <nav class="navigationWrapper"> <ul> <li><a href="#0">Home</a></li> <li><a href="#0">About</a></li> <li><a href="#0">Contact</a></li> <li><a href="#0">Dance</a></li> </ul> </nav> <div class="waveWrapper"> <div class="wrapper"> <img class="thirdWave disableAnimation" src="img/wave3.png" /> </div> <div class="wrapper"> <img class="secondWave disableAnimation" src="img/wave2.png" /> </div> <div class="wrapper"> <div class="box disableAnimation"></div> <img class="firstWave disableAnimation" src="img/wave.png" /> </div> </div> <script src='js/jquery.min.js'></script> <script src="js/script.js"></script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p> <p>更多源码<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉