基于jquery宽屏菜单导航.zip资源-CSDN文库

共11个文件

css：4个

svg：1个

js：1个

版权申诉

html5

jQuery

javascript

31 浏览量 2022-11-25 10:22:44 上传评论收藏 170KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于jquery宽屏菜单导航.zip （11个子文件）

基于jquery宽屏菜单导航

基于jquery宽屏菜单导航.jpg 47KB

jiaoben75

css

simple.css 66B

fonts

raphaelicons-webfont.svg 76KB

raphaelicons-webfont.woff 29KB

raphaelicons-webfont.ttf 46KB

raphaelicons-webfont.eot 47KB

demo.css 1KB

style.css 8KB

normalize.css 9KB

index.html 4KB

modernizr.custom.79639.js 5KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>CSS-Only Responsive Layout with Smooth Transitions</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="CSS-only Responsive Layout with Smooth Transitions" /> <meta name="keywords" content="css3, transitions, animations, css-only, navigation, smooth scrolling, full width, full height, window width, window height" /> <meta name="author" content="Codrops" /> <link rel="shortcut icon" href="../favicon.ico"> <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>  </head> <body> <div class="container">  <div class="codrops-top"><center>适用浏览器：FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE浏览器。</center> <span class="right"> </span> <div class="clr"></div> </div> <div class="st-container"> <input type="radio" name="radio-set" checked="checked" id="st-control-1"/> <a href="#st-panel-1">Serendipity</a> <input type="radio" name="radio-set" id="st-control-2"/> <a href="#st-panel-2">Happiness</a> <input type="radio" name="radio-set" id="st-control-3"/> <a href="#st-panel-3">Tranquillity</a> <input type="radio" name="radio-set" id="st-control-4"/> <a href="#st-panel-4">Positivity</a> <input type="radio" name="radio-set" id="st-control-5"/> <a href="#st-panel-5">Passion</a> <div class="st-scroll">  <section class="st-panel" id="st-panel-1"> <div class="st-deco" data-icon="H"></div> <h2>Serendipity</h2> <p>Banksy adipisicing eiusmod banh mi sed. Squid stumptown est odd future nisi, commodo mlkshk pop-up adipisicing retro.</p> </section> <section class="st-panel st-color" id="st-panel-2"> <div class="st-deco" data-icon="2"></div> <h2>Happiness</h2> <p>Art party readymade beard labore cosby sweater culpa. Art party whatever incididunt, scenester umami polaroid tofu.</p> </section> <section class="st-panel" id="st-panel-3"> <div class="st-deco" data-icon="B"></div> <h2>Tranquillity</h2> <p>Sint aute occaecat id vice. Post-ironic fap pork belly next level godard, id fanny pack williamsburg forage truffaut.</p> </section> <section class="st-panel st-color" id="st-panel-4"> <div class="st-deco" data-icon="x"></div> <h2>Positivity</h2> <p>Mixtape fap leggings art party, butcher authentic farm-to-table you probably haven't heard of them do labore cosby sweater.</p> </section> <section class="st-panel" id="st-panel-5"> <div class="st-deco" data-icon="Ç"></div> <h2>Passion</h2> <p>Fixie ad odd future polaroid dreamcatcher, nesciunt carles bicycle rights accusamus mcsweeney's mumblecore nulla irony.</p> </section> </div> </div> </div> </body> </html>

评论收藏

内容反馈

版权申诉