HTML5制作的多功能粘性页脚导航菜单特效源码资源-CSDN文库

共33个文件

woff2：14个

png：6个

css：5个

版权申诉

html

168 浏览量 2022-11-08 23:34:36 上传评论收藏 309KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

a1.zip （33个子文件）

index.html 25KB

static

css

red.css 2KB

footer_extensions.css 9KB

css.css 4KB

demo.css 5KB

stickit_footer_fixed.css 31KB

image

select.png 189B

invalid.png 157B

focused.png 149B

valid.png 153B

select-focus.png 189B

required.png 142B

picture

1.jpg 17KB

scripts.js 792B

gmaps.js 2KB

jquery-1.9.1.min.js 90KB

font

6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2 12KB

6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2 11KB

6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2 7KB

6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 13KB

entypo.ttf 74KB

6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2 4KB

entypo.woff 44KB

6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2 5KB

6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 7KB

6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2 5KB

6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2 4KB

6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2 7KB

6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2 6KB

6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2 6KB

6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2 7KB

6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 13KB

entypo.eot 74KB

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>HTML5 and CSS3 Sticky footer and menu</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <style type="text/css">@import url("static/css/stickit_footer_fixed.css");</style> <link rel="stylesheet" type="text/css" href="static/css/red.css" media="screen"> <script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>  <script type="text/javascript" src="static/js/scripts.js"></script> <script type="text/javascript"> if(top != self) { window.open(self.location.href, '_top'); } </script> </head> <body>  <input id="show-footer" type="radio" name="hide-show" checked="checked"> <input id="hide-footer" type="radio" name="hide-show">  <footer id="stickit" class="collapsable">  <label for="hide-footer" class="icon hide-lb entypo-down-circled"></label> <label for="show-footer" class="icon show-lb"></label>  <input id="expand-content" type="checkbox" name="expand">  <div class="footer-inner">  <a class="home entypo-home" href="#"></a>  <div class="navigation lvl-0">  <a class="main-item" href="#">One level<span class="entypo-plus"></span></a>  <div class="lvl-1 left"> <div class="box arrow bottom left">  <a href="#" class="first"><span class="icon entypo-right-circled"></span>Link 1</a>  <a href="#"><span class="icon entypo-right-circled"></span>Link 2</a>  <a href="#"><span class="icon entypo-right-circled"></span>Link 3</a>  <a href="#"><span class="icon entypo-right-circled"></span>Link 4</a>  <a href="#"><span class="icon entypo-right-circled"></span>Link 5</a>  <a href="#" class="last"><span class="icon entypo-right-circled"></span>Link 6</a> </div> </div> </div>  <div class="navigation lvl-0">  <a class="main-item" href="#">Left multi level<span class="entypo-plus"></span></a>  <div class="lvl-1 left"> <div class="box arrow bottom left">  <a href="#" class="first"><span class="icon entypo-home"></span>Home</a>  <div class="submenu"> <a href="#" class="active expand-lvl-2 right"><span class="icon entypo-cog"></span>Services</a>  <div class="lvl-2 left"> <div class="box arrow middle left">  <a href="#" class="first"><span class="icon entypo-pencil"></span>Graphic design</a>  <div class="submenu"> <a href="#" class="active expand-lvl-3 right"><span class="icon entypo-monitor"></span>Website design</a>  <div class="lvl-3 left"> <div class="box arrow middle left">  <a href="#" class="first"><span class="icon entypo-right-circled"></span>CMS templating</a>  <a href="#"><span class="icon entypo-right-circled"></span>PSD to HTML/CSS</a>  <a href="#" class="last"><span class="icon entypo-right-circled"></span>Ecommerce</a>  <div class="title menu"><span class="icon entypo-monitor"></span>Web design</div> </div> </div> </div>  <a href="#"><span class="icon entypo-chart-bar"></span>Seo optimization</a>  <a href="#" class="last"><span class="icon entypo-print"></span>Printing</a>  <div class="title menu"><span class="icon entypo-cog"></span>Our services pallete</div> </div> </div> </div>  <a href="#"><span class="icon entypo-book"></span>Portfolio</a>  <div class="submenu"> <a href="#" class="active expand-lvl-2 right"><span class="icon entypo-users"></span>Our team</a>  <div class="lvl-2 left"> <div class="box arrow middle left">  <a href="#" class="first"><span class="icon entypo-right-circled"></span>Jane Doe</a>  <a href="#"><span class="icon entypo-right-circled"></span>George Doe</a>  <a href="#" class="last"><span class="icon entypo-right-circled"></span>Hugo Doe</a>  <div class="title menu"><span class="icon entypo-users"></span>Meet our awesome team</div> </div> </div> </div>  <a href="#"><span class="icon entypo-heart"></span>Special stuff</a>  <a href="#" class="last"><span class="icon entypo-pencil"></span>We also blog</a> </div> </div> </div>  <div class="navigation lvl-0">  <a class="main-item" href="#">Right multi level<span class="entypo-plus"></span></a>  <div class="lvl-1 right txt-right"> <div class="box arrow bottom right">  <a href="#" class="first">Home<span class="icon entypo-home"></span></a>  <div class="submenu"> <a href="#" class="active expand-lvl-2 left">Services<span class="icon entypo-cog"></span></a>  <div class="lvl-2 right"> <div class="box arrow middle right">  <a href="#" class="first">Graphic design<span class="icon entypo-pencil"></span></a>  <div class="submenu"> <a href="#" class="active expand-lvl-3 left">Website design<span class="icon entypo-monitor"></span></a>  <div class="lvl-3 right"> <div class="box arrow middle right">  <a href="#" class="first">CMS templating<span class="icon entypo-left-circled"></span></a>  <a href="#">PSD to HTML/CSS<span class="icon entypo-left-circled"></span></a>  <a href="#" class="last">Ecommerce<span class="icon entypo-left-circled"></span></a>  <div class="title menu"><span class="icon entypo-monitor"></span>Web design</div> </div> </div> </div>  <a href="#">Seo optimization<span class="icon entypo-chart-bar"></span></a>  <a href="#" class="last">Printing<span class="icon entypo-print"></span></a>  <div class="title menu"><span class="icon entypo-cog"></span>Our services pallete</div> </div> </div> </div>  <a href="#">Portfolio<span class="icon entypo-book"></span></a>  <div class="submenu"> <a href="#" class="active expand-lvl-2 left">Our team<span class="icon entypo-users"></span></a>  <div class="lvl-2 right"> <div class="box arrow middle right">  <a href="#" class="first">Jane Doe<span class="icon entypo-left-circled"></span></a>  <a href="#">George Doe<span class="icon entypo-left-circled"></span></a>

评论收藏

内容反馈

版权申诉