创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商,新人活动买多久送多久,划算不套路!
创新互联公司长期为上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为岢岚企业提供专业的成都网站制作、网站建设,岢岚网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。小编给大家分享一下jQuery实现扁平式小清新导航的方法,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
效果图如下:
1.html部分
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="css/style.css" rel="external nofollow" > </head> <body> <!-- 导航nav --> <ul id="navigation"> <li class="home"><a href=""><span>Home</span></a></li> <li class="about"><a href=""><span>About</span></a></li> <li class="search"><a href=""><span>Search</span></a></li> <li class="photos"><a href=""><span>Photos</span></a></li> <li class="rssfeed"><a href=""><span>Rss Feed</span></a></li> <li class="podcasts"><a href=""><span>Podcasts</span></a></li> <li class="contact"><a href=""><span>Contact</span></a></li> </ul> <div class="info"> </div> <script src='https://libs.baidu.com/jquery/1.7.1/jquery.min.js'></script> <script src="js/script.js"></script> </body> </html>
分享文章:jQuery实现扁平式小清新导航的方法-创新互联
当前网址:https://www.cdcxhl.com/article48/cecsep.html
成都网站建设公司_创新互联,为您提供商城网站、网站内链、搜索引擎优化、外贸建站、网站收录、云服务器
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联