移动webday06.zip资源-CSDN文库

共66个文件

js：13个

png：11个

less：11个

javascript

83 浏览量 2023-12-21 10:15:27 上传评论收藏 49.26MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

day06.zip （66个子文件）

04-代码

suning

lib

font-awesome

css

font-awesome.css 32KB

font-awesome.min.css 27KB

fonts

FontAwesome.otf 107KB

fontawesome-webfont.eot 69KB

fontawesome-webfont.woff 82KB

fontawesome-webfont.woff2 65KB

fontawesome-webfont.svg 357KB

fontawesome-webfont.ttf 139KB

swiper

swiper.js 188KB

swiper.jquery.js 160KB

swiper.jquery.min.js 67KB

swiper.jquery.umd.js 160KB

swiper.min.js 76KB

swiper.jquery.umd.min.js 67KB

maps

swiper.jquery.umd.min.js.map 244KB

swiper.min.js.map 286KB

swiper.jquery.min.js.map 244KB

css

swiper.css 20KB

swiper.min.css 17KB

less

less.js 351KB

less.min.js 135KB

zepto

touch(1).js 6KB

fx.js 5KB

selector.js 3KB

zepto.min.js 26KB

index-swiper.html 4KB

index.js 1KB

demo

03-rem-适配.html 2KB

01-less-在浏览器端直接使用.html 632B

02-rem-认识.html 797B

.idea

suning(1).iml 458B

watcherTasks.xml 138B

workspace.xml 24KB

modules.xml 264B

css

less

index.less 202B

topBar.less 1KB

nav.less 530B

banner.less 849B

adapter.less 20B

tabs.less 583B

mixins.less 488B

index-swiper.less 185B

test.less 70B

var.less 401B

reset.less 1KB

index.html 4KB

images

nav02.png 3KB

banner06.jpg 221KB

nav04.png 4KB

nav05.png 3KB

banner05.jpg 192KB

f_home.png 2KB

icon_cart.png 3KB

banner03.jpg 177KB

banner02.jpg 220KB

icon_search.png 769B

banner04.jpg 110KB

nav03.png 3KB

nav01.png 2KB

banner08.jpg 105KB

icon_category.png 2KB

banner01.jpg 90KB

advert.png 146KB

banner07.jpg 150KB

01-课程资料

lib.zip 48.12MB

rem.png 13KB

02-其他资料

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>Title</title> <link rel="stylesheet" href="lib/swiper/css/swiper.min.css"> <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" type="text/less" href="less/index-swiper.less"> <script src="lib/less/less.min.js"></script> </head> <body>  <div class="sn_container">  <header class="sn_topBar"> <a href="#" class="icon_category"></a> <form action="#"> <span class="icon_search"></span> <input type="search" placeholder="60寸电视免费拿"> </form> <a href="#" class="icon_cart"></a> </header>  <style> .swiper-container img{ width: 100%; display: block; } </style> <div class="swiper-container"> <ul class="swiper-wrapper"> <li class="swiper-slide"><a href="#"><img src="images/banner01.jpg" alt=""></a></li> <li class="swiper-slide"><a href="#"><img src="images/banner02.jpg" alt=""></a></li> <li class="swiper-slide"><a href="#"><img src="images/banner03.jpg" alt=""></a></li> <li class="swiper-slide"><a href="#"><img src="images/banner04.jpg" alt=""></a></li> <li class="swiper-slide"><a href="#"><img src="images/banner05.jpg" alt=""></a></li> <li class="swiper-slide"><a href="#"><img src="images/banner06.jpg" alt=""></a></li> <li class="swiper-slide"><a href="#"><img src="images/banner07.jpg" alt=""></a></li> <li class="swiper-slide"><a href="#"><img src="images/banner08.jpg" alt=""></a></li> </ul> <ul class="swiper-pagination"> </ul> </div>  <nav class="sn_nav"> <ul class="clearFix"> <li><a href="#"><img src="images/nav01.png" alt=""><p>分类</p></a></li> <li><a href="#"><img src="images/nav02.png" alt=""><p>分类</p></a></li> <li><a href="#"><img src="images/nav03.png" alt=""><p>分类</p></a></li> <li><a href="#"><img src="images/nav04.png" alt=""><p>分类</p></a></li> <li><a href="#"><img src="images/nav05.png" alt=""><p>分类</p></a></li> <li><a href="#"><img src="images/nav01.png" alt=""><p>分类</p></a></li> <li><a href="#"><img src="images/nav02.png" alt=""><p>分类</p></a></li> <li><a href="#"><img src="images/nav03.png" alt=""><p>分类</p></a></li> <li><a href="#"><img src="images/nav04.png" alt=""><p>分类</p></a></li> <li><a href="#"><img src="images/nav05.png" alt=""><p>分类</p></a></li> </ul> </nav>  <footer class="sn_tabs"> <ul> <li><a href="#"><span class="fa fa-home"></span><p>首页</p></a></li> <li><a href="#"><span class="fa fa-reorder"></span><p>分类</p></a></li> <li><a href="#"><span class="fa fa-file-text-o"></span><p>必抢清单</p></a></li> <li><a href="#"><span class="fa fa-user"></span><p>我的易购</p></a></li> <li><a href="#"><span class="fa fa-suitcase"></span><p>新手大礼包</p></a></li> </ul> </footer> </div> <script src="lib/zepto/zepto.min.js"></script> <script src="lib/swiper/js/swiper.jquery.min.js"></script> <script> $(function () { /* * 1.自动轮播 * 2.无缝循环 * 3.指示功能 * */ new Swiper('.swiper-container',{ autoplay:1000, loop:true, pagination:'.swiper-pagination', autoplayDisableOnInteraction:false }); }) </script> </body> </html>

评论收藏

内容反馈