jQuery导航图片全屏滚动代码，jQuery鼠标悬停卡片3D翻页特效

共124个文件

jpg：74个

css：15个

js：13个

html+css3

需积分: 50 94 浏览量 2022-10-26 22:37:47 上传评论收藏 5.9MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery导航图片全屏滚动代码，jQuery鼠标悬停卡片3D翻页特效（124个子文件）

bootstrap.css 138KB

animate.css 25KB

jquery.fancybox-1.3.4.css 8KB

index.css 7KB

head.css 7KB

jquery.fullPage.css 5KB

reset.css 4KB

slick.css 3KB

gallery.css 2KB

style.css 2KB

grid-accordion.css 1004B

reset.min.css 773B

style.css 635B

style.css 349B

grid-accordion-example1.css 295B

blank.gif 43B

index.html 6KB

index.html 4KB

index.html 3KB

index.html 861B

index.iml 469B

2.jpg 1.42MB

banner1.jpg 480KB

banner2.jpg 272KB

3.jpg 221KB

2.jpg 201KB

inception.jpg 162KB

truman.jpg 143KB

district9.jpg 129KB

the_boy_in.jpg 129KB

brave_heart.jpg 128KB

lord_of_war.jpg 128KB

fightClub.jpg 122KB

rzdf.jpg 118KB

prestige.jpg 118KB

1.jpg 116KB

4.jpg 107KB

back_to_future.jpg 105KB

lc.jpg 102KB

effect.jpg 99KB

metal.jpg 98KB

3.jpg 92KB

jarhead.jpg 88KB

rls.jpg 82KB

banner3.jpg 71KB

bwbj.jpg 70KB

forrest.jpg 67KB

11.jpg 66KB

oceans.jpg 62KB

banner4.jpg 55KB

sixth_sense.jpg 53KB

image12.jpg 45KB

image16.jpg 39KB

image5.jpg 34KB

image10.jpg 34KB

image4.jpg 32KB

inception_min.jpg 26KB

prestige_min.jpg 25KB

image3.jpg 24KB

brave_heart_min.jpg 24KB

effect_min.jpg 24KB

the_boy_in_min.jpg 24KB

truman_min.jpg 24KB

fightClub_min.jpg 24KB

rzdf_min.jpg 23KB

lc_min.jpg 23KB

district9_min.jpg 23KB

sixth_sense_min.jpg 23KB

image6.jpg 23KB

lord_of_war_min.jpg 22KB

image7.jpg 22KB

rls_min.jpg 22KB

image15.jpg 22KB

image2.jpg 22KB

back_to_future_min.jpg 22KB

image9.jpg 22KB

image11.jpg 22KB

metal_min.jpg 21KB

bwbj_min.jpg 21KB

image13.jpg 21KB

image14.jpg 20KB

forrest_min.jpg 20KB

jarhead_min.jpg 20KB

11_min.jpg 19KB

image19.jpg 19KB

image20.jpg 19KB

image18.jpg 18KB

oceans_min.jpg 17KB

image1.jpg 17KB

image17.jpg 17KB

image8.jpg 16KB

logo2.jpg 14KB

page_top.jpg 3KB

page_bottom.jpg 3KB

page_tile.jpg 1KB

jquery.fullPage.min.js 107KB

jquery.min.js 94KB

jquery-1.7.1.min.js 92KB

index_slick.js 89KB

共 124 条

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>jQuery导航图片全屏滚动代码</title>  <link rel="stylesheet" href="css/reset.css">  <link rel="stylesheet" type="text/css" href="css/bootstrap.css">  <link rel="stylesheet" href="css/animate.css">  <link rel="stylesheet" href="css/slick.css">  <link rel="stylesheet" href="css/jquery.fullPage.css" />  <link rel="stylesheet" href="css/head.css" />  <link rel="stylesheet" href="css/index.css"> </head> <body>  <header class="header"> <div class="container clearfix"> <div class="fr nav"> <ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp"> <li class="active"> <a href="javascript:void(0)">首页</a> </li> <li class="dropdown"> <a href="javascript:void(0)"> 业务体系 </a> <div class="dropdown_menu"> <a href="#">Custom Menu</a> <a href="#">Custom Menu</a> <a href="#">Custom Menu</a> </div> </li> <li class="dropdown"> <a href="javascript:void(0)">直营园</a> <div class="dropdown_menu"> <a href="#">Custom Menu</a> <a href="#">Custom Menu</a> <a href="#">Custom Menu</a> </div> </li> <li> <a href="javascript:void(0)">行知资讯</a> </li> <li> <a href="javascript:void(0)">关于我们</a> </li> <li> <a href="javascript:void(0)">联系合作</a> </li> </ul> </div> <a href="javascript:void(0)" id="navToggle"> <span></span> </a> </div> </header>  <div class="m_nav"> <div class="top clearfix"> <img src="image/closed.png" alt="" class="closed" /> </div> <div class="logo"> <img src="image/logo2.jpg" alt="" /> </div> <ul class="ul" data-in="fadeInDown" data-out="fadeOutUp"> <li class="active"> <a href="javascript:void(0)">首页</a> </li> <li class="dropdown"> <a href="javascript:void(0)"> 业务体系 </a> <div class="dropdown_menu"> <a href="#">Custom Menu</a> <a href="#">Custom Menu</a> <a href="#">Custom Menu</a> </div> </li> <li class="dropdown"> <a href="javascript:void(0)">直营园</a> <div class="dropdown_menu"> <a href="#">Custom Menu</a> <a href="#">Custom Menu</a> <a href="#">Custom Menu</a> </div> </li> <li> <a href="javascript:void(0)">行知资讯</a> </li> <li> <a href="javascript:void(0)">关于我们</a> </li> <li> <a href="javascript:void(0)">联系合作</a> </li> </ul> </div>  <div id="index_main" class="index_main">  <div class="section section1"> <div class="index_banner"> <div class="item"> <div class="items scaleBg" style="background-image: url(image/banner1.jpg);"></div> <div class="inner"> <div class="block_txt"> <h4> Goodliness,to be continued</h4> <h2>让<span>美好持续</span>发生</h2> </div> </div> </div> <div class="item"> <div class="items scaleBg" style="background-image: url(image/2.jpg);"></div> <div class="inner"> <div class="block_txt"> <h4> Goodliness,to be continued</h4> <h2>让<span>美好持续</span>发生</h2> <h3>我们有让美好持续发生的愿望，更有让美好持续发生的能力</h3> </div> </div> </div> <div class="item"> <div class="items scaleBg" style="background-image: url(image/banner2.jpg);"></div> <div class="inner"> <div class="block_txt"> <h4> </h4> <h2><span>0-12岁</span><br>可持续发展教育体系</h2> <h3>0-3岁早教 | 3-6岁幼儿园 | 5-12岁成长衔接 | 6-12岁小学</h3> </div> </div> </div> <div class="item"> <div class="items scaleBg" style="background-image: url(image/banner3.jpg);"></div> <div class="inner"> <div class="block_txt"> <h4> </h4> <h2>幼儿园园所整体解决方案</h2> <h3>全程支持 | 个性服务</h3> </div> </div> </div> <div class="item"> <div class="items scaleBg" style="background-image: url(image/banner4.jpg);"></div> <div class="inner"> <div class="block_txt"> <h4> </h4> <h2>成长管理发展测评</h2> <h3>科学量表 | 全面评估 | 教育指导</h3> </div> </div> </div> </div> <div class="left slick_txt"> <div class="prev slick_arrow"></div> </div> <div class="right slick_txt"> <div class="next slick_arrow"></div> </div> <div class="number"> <div class="inner clearfix"> <span class="active">01</span> <span >02</span> <span >03</span> <span >04</span> <span >05</span> </div> </div> </div> <div class="section section2"> <div class="container" style="height: 100%;"> <iframe src="index1/index.html" style="width: 100%;height: 100%;border: none;"></iframe> </div> </div> <div class="section section3"> <div class="container" style="height: 100%;"> <iframe src="index2/index.html" style="width: 100%;height: 100%;border: none;"></iframe> </div> </div> <div class="section section4"> <div class="container" style="height: 100%;"> <iframe src="index3/index.html" style="width: 100%;height: 100%;border: none;"></iframe> </div> </div> <div class="section section5"> <div class="container" style="height: 100%;"> <iframe src="index4/index.html" style="width: 100%;height: 100%;border: none;"></iframe> </div> </div> </div> <script src="js/jquery.min.js"></script> <script src="js/jquery.fullPage.min.js"></script> <script src="js/index_slick.js"></script> <script src="js/index.js"></script> </body> </html>

评论收藏

内容反馈