├── css预处理页面
├── color.css
├── color.less
├── images
│ ├── bg.jpg
│ ├── logo-white.svg
│ ├── overlay-center.png
│ ├── photo-1497436072909-60f360e1d4b1.jfif
│ ├── sit.png
│ ├── unsit.png
│ ├── 天气.png
│ └── 设 置.png
├── index.css
├── index.html
├── index.less
└── test.html
├── detail
├── css
│ └── detail.css
├── detail.html
└── images
│ ├── 1.png
│ ├── 2.png
│ ├── 3.png
│ ├── 4.png
│ ├── 5.png
│ └── shenqi.png
├── grid
├── css
│ └── index.css
└── 小米商城.html
├── index.html
├── list
├── css
│ └── list.css
├── images
│ ├── bawang.png
│ ├── bg.png
│ ├── bg1.png
│ ├── detail.png
│ ├── images.jpg
│ ├── list.png
│ ├── meidu.png
│ ├── meiju.png
│ ├── movie.png
│ ├── play.jpg
│ ├── qian.png
│ ├── sha.png
│ └── xiao.png
└── list.html
├── 个人网站
├── images
│ ├── jiegeng.jpg
│ └── timg2.jpg
└── 个人网站.html
├── 关于远大
├── images
│ ├── 02.png
│ ├── Thumbs.db
│ ├── about.jpg
│ ├── logo.png
│ ├── logo2.png
│ └── 关于远大.jpg
└── 关于远大.html
├── 华语音乐
├── css
│ └── 华语音乐.css
├── images
│ ├── 02.JPG
│ ├── 03.JPG
│ ├── 04.JPG
│ ├── V.png
│ ├── hot.png
│ ├── logo.png
│ └── 用户认证.JPG
├── lib
│ ├── http.js
│ └── jquery-3.4.1.js
└── 华语音乐.html
├── 实木家具
├── images
│ ├── 02.png
│ ├── Thumbs.db
│ ├── about.jpg
│ ├── logo.png
│ ├── logo2.png
│ └── 关于远大.jpg
└── 实木家具.html
├── 家居医生
├── css
│ └── 家居医生.css
├── images
│ ├── data_image.png
│ ├── footerLogo.png
│ ├── logo.png
│ ├── shop.png
│ ├── small_weixin.png
│ ├── tianmao.png
│ └── weixin2.png
└── 家居医生.html
├── 小米商城
├── css
│ └── 小米商城.css
├── images
│ ├── ba10428a4f9495ac310fd0b5e0cf8370.png
│ ├── banner1.jpg
│ ├── banner2.jpg
│ ├── banner3.jpg
│ ├── cms_14670147822275_kgiNB.jpg
│ ├── cms_14670147949246_EyuXz.jpg
│ ├── cms_1467014811346_KQdOm.jpg
│ ├── cms_14670157878726_pNeqZ.jpg
│ ├── cms_14696085838228_nXTxc.jpg
│ ├── cms_15282570579344_TPFxD.jpg
│ ├── cms_15416701292793_LGpFM.jpg
│ ├── cms_15416752510336_elnci.jfif
│ ├── contact_icon1.png
│ ├── contact_icon2.png
│ ├── contact_icon3.png
│ ├── contact_icon4.png
│ ├── contact_icon5.png
│ ├── contact_icon6 (1).png
│ ├── contact_icon6.png
│ ├── download.png
│ ├── foot-logo.png
│ ├── logo.png
│ ├── selfservice_icon1.png
│ ├── selfservice_icon2.png
│ ├── selfservice_icon3.png
│ ├── selfservice_icon4.png
│ ├── selfservice_icon5.png
│ ├── selfservice_icon6.png
│ ├── selfservice_icon7.png
│ ├── selfservice_icon8.png
│ ├── serviceCenter_icon1.png
│ ├── serviceCenter_icon2.png
│ ├── serviceCenter_icon3.png
│ ├── serviceCenter_icon4.png
│ ├── serviceCenter_icon5.png
│ ├── serviceCenter_img2.jpg
│ ├── truste.png
│ ├── v-logo-1.png
│ ├── v-logo-2.png
│ └── v-logo-3.png
└── 小米商城.html
├── 小米商城网
├── css
│ ├── images
│ │ ├── 01.png
│ │ ├── 02.png
│ │ ├── 03.png
│ │ ├── 04.png
│ │ ├── 05.png
│ │ ├── 06.png
│ │ ├── 10.png
│ │ ├── 11.png
│ │ ├── 12.png
│ │ ├── 13.png
│ │ ├── 14.png
│ │ ├── 16.png
│ │ ├── 4.7.1.2.jpg
│ │ ├── 4.7.2.2.jpg
│ │ ├── 4.7.3.2.jpg
│ │ ├── 4.9.2.png
│ │ ├── T1.qV_B4AT1RXrhCrK!220x220.jpg
│ │ ├── T12qZvB7CT1RXrhCrK!220x220.jpg
│ │ ├── T14cLgBXKT1RXrhCrK!220x220.jpg
│ │ ├── T14yxTBsKT1RXrhCrK!220x220.jpg
│ │ ├── T1ByZTBjJT1RXrhCrK.jpg
│ │ ├── T1DrL_B4CT1RXrhCrK!220x220.jpg
│ │ ├── T1F9ZTBbxT1RXrhCrK!220x220.jpg
│ │ ├── T1GXxvBsET1RXrhCrK!220x220.jpg
│ │ ├── T1GtZvBvVT1RXrhCrK!220x220.jpg
│ │ ├── T1PxJvBCAT1RXrhCrK!220x220.jpg
│ │ ├── T1SrKTBmWT1RXrhCrK!220x220.jpg
│ │ ├── T1TfAgB4KT1RXrhCrK!220x220.jpg
│ │ ├── T1VkKvBvhT1RXrhCrK!220x220.jpg
│ │ ├── T1XYxTBsAT1RXrhCrK!220x220.jpg
│ │ ├── T1Zzd_ByCv1RXrhCrK!220x220.jpg
│ │ ├── T1_adTBvKT1RXrhCrK!220x220.jpg
│ │ ├── T1crEgBCYT1RXrhCrK!220x220.jpg
│ │ ├── T1icAvBTdT1RXrhCrK!220x220.jpg
│ │ ├── T1ipAvB_ZT1RXrhCrK!220x220.jpg
│ │ ├── T1nmhTBTKT1RXrhCrK!220x220.jpg
│ │ ├── T1pOWvBKET1RXrhCrK!220x220.jpg
│ │ ├── T1pZbvBTET1RXrhCrK!220x220.jpg
│ │ ├── T1qaVvB7CT1RXrhCrK!220x220.jpg
│ │ ├── T1y0JTBy_T1RXrhCrK!220x220.jpg
│ │ ├── Thumbs.db
│ │ ├── Untitled-3.html
│ │ ├── aa.jpg
│ │ ├── banner1.png
│ │ ├── banner2.png
│ │ ├── banner3.png
│ │ ├── banner4.png
│ │ ├── banner5.png
│ │ ├── baohuke.png
│ │ ├── bg.png
│ │ ├── channel-list-cool.jpg
│ │ ├── channel-list-new.jpg
│ │ ├── cj9s.jpg
│ │ ├── clock.png
│ │ ├── fangdajing.png
│ │ ├── fanghezi0407xiao.jpg
│ │ ├── favicon.ico
│ │ ├── hlws.jpg
│ │ ├── lanyaerji.png
│ │ ├── logo.png
│ │ ├── mideng.png
│ │ ├── mifeng-.png
│ │ ├── mijian.png
│ │ ├── nsbbs.jpg
│ │ ├── pang.png
│ │ ├── sgjs.jpg
│ │ ├── shopcar.png
│ │ ├── shopcarbgimg.png
│ │ ├── xingxing.png
│ │ ├── xueyajixiao.jpg
│ │ ├── yaoshi.png
│ │ └── yingxiang-.png
│ ├── index.css
│ └── 小米商城.css
├── images
│ ├── 01.png
│ ├── 02.png
│ ├── 03.png
│ ├── 04.png
│ ├── 05.png
│ ├── 06.png
│ ├── 10.png
│ ├── 11.png
│ ├── 12.png
│ ├── 13.png
│ ├── 14.png
│ ├── 16.png
│ ├── 4.7.1.2.jpg
│ ├── 4.7.2.2.jpg
│ ├── 4.7.3.2.jpg
│ ├── 4.9.2.png
│ ├── T1.qV_B4AT1RXrhCrK!220x220.jpg
│ ├── T12qZvB7CT1RXrhCrK!220x220.jpg
│ ├── T14cLgBXKT1RXrhCrK!220x220.jpg
│ ├── T14yxTBsKT1RXrhCrK!220x220.jpg
│ ├── T1ByZTBjJT1RXrhCrK.jpg
│ ├── T1DrL_B4CT1RXrhCrK!220x220.jpg
│ ├── T1F9ZTBbxT1RXrhCrK!220x220.jpg
│ ├── T1GXxvBsET1RXrhCrK!220x220.jpg
│ ├── T1GtZvBvVT1RXrhCrK!220x220.jpg
│ ├── T1PxJvBCAT1RXrhCrK!220x220.jpg
│ ├── T1SrKTBmWT1RXrhCrK!220x220.jpg
│ ├── T1TfAgB4KT1RXrhCrK!220x220.jpg
│ ├── T1VkKvBvhT1RXrhCrK!220x220.jpg
│ ├── T1XYxTBsAT1RXrhCrK!220x220.jpg
│ ├── T1Zzd_ByCv1RXrhCrK!220x220.jpg
│ ├── T1_adTBvKT1RXrhCrK!220x220.jpg
│ ├── T1crEgBCYT1RXrhCrK!220x220.jpg
│ ├── T1icAvBTdT1RXrhCrK!220x220.jpg
│ ├── T1ipAvB_ZT1RXrhCrK!220x220.jpg
│ ├── T1nmhTBTKT1RXrhCrK!220x220.jpg
│ ├── T1pOWvBKET1RXrhCrK!220x220.jpg
│ ├── T1pZbvBTET1RXrhCrK!220x220.jpg
│ ├── T1qaVvB7CT1RXrhCrK!220x220.jpg
│ ├── T1y0JTBy_T1RXrhCrK!220x220.jpg
│ ├── Thumbs.db
│ ├── Untitled-3.html
│ ├── aa.jpg
│ ├── ba10428a4f9495ac310fd0b5e0cf8370.png
│ ├── banner1.jpg
│ ├── banner1.png
│ ├── banner2.jpg
│ ├── banner2.png
│ ├── banner3.jpg
│ ├── banner3.png
│ ├── banner4.png
│ ├── banner5.png
│ ├── baohuke.png
│ ├── bg.png
│ ├── channel-list-cool.jpg
│ ├── channel-list-new.jpg
│ ├── cj9s.jpg
│ ├── clock.png
│ ├── cms_14670147822275_kgiNB.jpg
│ ├── cms_14670147949246_EyuXz.jpg
│ ├── cms_1467014811346_KQdOm.jpg
│ ├── cms_14670157878726_pNeqZ.jpg
│ ├── cms_14696085838228_nXTxc.jpg
│ ├── cms_15282570579344_TPFxD.jpg
│ ├── cms_15416701292793_LGpFM.jpg
│ ├── cms_15416752510336_elnci.jfif
│ ├── contact_icon1.png
│ ├── contact_icon2.png
│ ├── contact_icon3.png
│ ├── contact_icon4.png
│ ├── contact_icon5.png
│ ├── contact_icon6 (1).png
│ ├── contact_icon6.png
│ ├── download.png
│ ├── fangdajing.png
│ ├── fanghezi0407xiao.jpg
│ ├── favicon.ico
│ ├── foot-logo.png
│ ├── hlws.jpg
│ ├── lanyaerji.png
│ ├── logo.png
│ ├── mideng.png
│ ├── mifeng-.png
│ ├── mijian.png
│ ├── nsbbs.jpg
│ ├── pang.png
│ ├── selfservice_icon1.png
│ ├── selfservice_icon2.png
│ ├── selfservice_icon3.png
│ ├── selfservice_icon4.png
│ ├── selfservice_icon5.png
│ ├── selfservice_icon6.png
│ ├── selfservice_icon7.png
│ ├── selfservice_icon8.png
│ ├── serviceCenter_icon1.png
│ ├── serviceCenter_icon2.png
│ ├── serviceCenter_icon3.png
│ ├── serviceCenter_icon4.png
│ ├── serviceCenter_icon5.png
│ ├── serviceCenter_img2.jpg
│ ├── sgjs.jpg
│ ├── shopcar.png
│ ├── shopcarbgimg.png
│ ├── truste.png
│ ├── v-logo-1.png
│ ├── v-logo-2.png
│ ├── v-logo-3.png
│ ├── xingxing.png
│ ├── xueyajixiao.jpg
│ ├── yaoshi.png
│ └── yingxiang-.png
└── 小米商城.html
├── 小米手机登录
├── css
│ └── index.css
├── images
│ ├── Thumbs.db
│ ├── banner.png
│ ├── icons_type.png
│ ├── mi-logo.png
│ ├── 二维码.PNG
│ └── 捕获.PNG
└── 小米手机登录.html
├── 小米轮播
├── css
│ └── index.css
├── images
│ ├── icon-slides.png
│ ├── xmad_15613002137481_tCEzx.jpg
│ ├── xmad_15623194139077_SdWoZ.jpg
│ ├── xmad_1563244244949_cyCRj.jpg
│ ├── xmad_15632717871994_bYqIF.jpg
│ └── xmad_15634309791142_AmKCW.jpg
├── js
│ └── index.js
└── 小米轮播图.html
├── 小米金融
├── css
│ └── 小米金融.css
├── images
│ ├── contact_icon6.png
│ ├── index_banner.jpg
│ ├── jinrong.png
│ └── logo.png
└── 小米金融.html
├── 木兮地板
├── about.html
├── contact.html
├── css
│ └── 木兮地板.css
├── images
│ ├── aboutus_banner.jpg
│ ├── banner.jpg
│ ├── banner02.jpg
│ ├── banner1.jpg
│ ├── cap.JPG
│ ├── cap2.JPG
│ ├── chengxin.png
│ ├── contactus_banner.jpg
│ ├── gongying.png
│ ├── item01.jpg
│ ├── item02.jpg
│ ├── item03.jpg
│ ├── item04.jpg
│ ├── item05.jpg
│ ├── item06.jpg
│ ├── item07.jpg
│ ├── item08.jpg
│ ├── item09.jpg
│ ├── item10 (1).jpg
│ ├── item10.jpg
│ ├── item11.jpg
│ ├── item12.jpg
│ ├── item13.jpg
│ ├── item14.jpg
│ ├── item15.jpg
│ ├── item16.jpg
│ ├── item17.jpg
│ ├── item18.jpg
│ ├── item19.jpg
│ ├── item20.jpg
│ ├── item21 (1).jpg
│ ├── item21.jpg
│ ├── item22.jpg
│ ├── item23.jpg
│ ├── item24.jpg
│ ├── item25.jpg
│ ├── item26.jpg
│ ├── item27.jpg
│ ├── item28.jpg
│ ├── item29.jpg
│ ├── item30.jpg
│ ├── joinus_banner.jpg
│ ├── keji.png
│ ├── logo.ico
│ ├── logo0.png
│ ├── logo1.png
│ ├── muxi.JPG
│ ├── muxi1.JPG
│ ├── pinpai.png
│ ├── policy.png
│ ├── process.png
│ ├── ps_banner01.jpg
│ ├── ps_banner02 .jpg
│ └── ps_banner02.jpg
├── index.html
├── join.html
└── play.html
├── 瀑布流
├── images
│ ├── 01.jpg
│ ├── 02.jpg
│ ├── 03.jpg
│ ├── 04.jpg
│ ├── 05.jpg
│ ├── 06.jpg
│ ├── 07.jpg
│ ├── 08.jpg
│ ├── 09.jpg
│ ├── 10.jpg
│ ├── 11.jpg
│ └── 12.jpg
├── lib
│ ├── base.js
│ └── jquery-3.4.1.js
└── 瀑布流.html
├── 烘焙
├── css
│ └── 烘焙.css
├── images
│ ├── 01.jpg
│ ├── 03.jpg
│ ├── 04.jpg
│ ├── 06.jpg
│ ├── Layer-6.png
│ ├── X.png
│ ├── add.png
│ ├── bg.jpg
│ ├── bg.png
│ ├── bg01.jpg
│ ├── bg01.png
│ ├── bg02.png
│ ├── bg03.png
│ ├── bg04.png
│ ├── bg3.png
│ ├── bg4.png
│ ├── bg5.png
│ ├── bg_header01.png
│ ├── cash.png
│ ├── chuxiao.png
│ ├── credit.jpg
│ ├── gua.png
│ ├── guadan.png
│ ├── headerBg01.jpg
│ ├── headerBg02.jpg
│ ├── huiyuan.png
│ ├── icon01.png
│ ├── icon09.jpg
│ ├── income.png
│ ├── jiaoban.jpg
│ ├── jiaoban.png
│ ├── jiqi.png
│ ├── left01png.png
│ ├── line.png
│ ├── logo-拷贝-2.png
│ ├── logo-拷贝.png
│ ├── logo.png
│ ├── manage.png
│ ├── nav.png
│ ├── shop.png
│ ├── shouzhi.png
│ ├── shouzibg.png
│ ├── sideBg.png
│ ├── song.png
│ ├── sub.png
│ ├── t1.png
│ ├── time.png
│ ├── update.png
│ ├── user.png
│ ├── xiu.png
│ ├── yuding.png
│ ├── 互动图标.png
│ ├── 交班.png
│ ├── 交班2.png
│ ├── 交班22.png
│ ├── 会员.png
│ ├── 会员2.png
│ ├── 促销.png
│ ├── 促销2.png
│ ├── 修改.png
│ ├── 关闭.png
│ ├── 减少.png
│ ├── 商品.png
│ ├── 圆角矩形-11.png
│ ├── 增加.png
│ ├── 挂单.png
│ ├── 挂单2.png
│ ├── 搜.png
│ ├── 收银中心.png
│ ├── 曾.png
│ ├── 椭圆-12-拷贝.png
│ ├── 椭圆-12.png
│ ├── 组-1.png
│ ├── 组-15.png
│ ├── 组-18.png
│ ├── 订货.png
│ ├── 订货2.png
│ ├── 账户中心.png
│ ├── 购物卡.png
│ ├── 购物卡2.png
│ └── 赠送.png
└── 烘焙.html
├── 生活
├── images
│ └── 桔梗.webp
└── 生活.html
├── 用户中心
├── day04-1
│ ├── css
│ │ ├── images
│ │ │ ├── Thumbs.db
│ │ │ ├── adm.png
│ │ │ ├── footerLogo.png
│ │ │ ├── location.png
│ │ │ ├── logo.png
│ │ │ ├── open.png
│ │ │ ├── phone.png
│ │ │ ├── phone2.png
│ │ │ ├── shop.png
│ │ │ ├── tianmao.png
│ │ │ ├── user.png
│ │ │ ├── weixin1 - 副本.png
│ │ │ ├── weixin1.png
│ │ │ ├── weixin2.png
│ │ │ └── weixin3.png
│ │ └── index.css
│ └── 用户中心首页.html
└── day04-2
│ ├── css
│ ├── images
│ │ ├── Thumbs.db
│ │ ├── adm.png
│ │ ├── location.png
│ │ ├── logo.png
│ │ ├── open.png
│ │ ├── phone.png
│ │ ├── phone2.png
│ │ ├── user.png
│ │ ├── weixin1 - 副本.png
│ │ ├── weixin1.png
│ │ └── weixin3.png
│ └── index.css
│ └── 中心个人资料.html
├── 百度搜索
├── css
│ ├── images
│ │ └── baidu.png
│ └── index.css
└── 百度搜索.html
├── 网易云搜索
├── css
│ └── 网易云搜索.css
├── images
│ ├── 5-121204193Q8.gif
│ ├── hot.png
│ └── logo.png
├── lib
│ ├── http.js
│ └── jquery-3.4.1.js
├── test-封装.html
├── 网易云搜索-封装.html
└── 网易云搜索-未封装.htm
├── 网易云播放
├── css
│ └── 网易云.css
├── images
│ ├── pan.png
│ ├── shou.png
│ ├── 播放.png
│ └── 暂停按钮.png
├── lib
│ └── jquery-3.4.1.js
└── 网易云播放.html
├── 网易云新碟上架
├── css
│ └── 新碟上架.css
├── images
│ ├── bg.png
│ ├── bg1.png
│ ├── bg2.png
│ └── coverall.png
├── lib
│ ├── http.js
│ └── jquery-3.4.1.js
└── 新碟上架.html
├── 网易云电台
├── css
│ └── 网易云.css
├── images
│ └── 5-121204193Q8.gif
├── lib
│ ├── http.js
│ └── jquery-3.4.1.js
└── 网易云电台.html
├── 豆瓣电影
├── css
│ └── 豆瓣.css
├── images
│ └── 5-121204193Q8.gif
├── lib
│ ├── http.js
│ └── jquery-3.4.1.js
├── test.htm
├── 豆瓣.html
└── 豆瓣电影.html
├── 豆瓣读书
├── css
│ └── 豆瓣读书.css
├── images
│ ├── image.jfif
│ └── logo.jpg
├── lib
│ ├── http.js
│ └── jquery-3.4.1.js
└── 豆瓣读书.html
├── 轮播
├── css
│ └── 轮播.css
├── images
│ ├── 01.jpg
│ ├── 02.jpg
│ ├── 03.jpg
│ ├── 04.jpg
│ ├── 5-121204193Q8.gif
│ ├── fengyunbang.png
│ ├── icon-slides.png
│ ├── luomi.png
│ ├── timg (3).jpg
│ ├── tuiguang.png
│ ├── tupian.png
│ ├── wenku.png
│ ├── yinyue.png
│ ├── zhidao.png
│ ├── 无标题.jpg
│ ├── 晴明.jpg
│ ├── 痒痒鼠.jpg
│ ├── 痒痒鼠2.jpg
│ └── 痒痒鼠3.jpg
├── lib
│ ├── http.js
│ └── jquery-3.4.1.js
└── 轮播.html
├── 锤子商城
├── css
│ └── 锤子商城.css
├── images
│ ├── 00eee903962f17d75950397843117e6e.webp
│ ├── 17f254e6f809355d8fe66260ccb48fb0.webp
│ ├── 182f12dd776f2c9ad59657d9d300fb1f.webp
│ ├── 1c13034d1028f3620d487c1db7184a51.webp
│ ├── 24c6437342c9ea969e13f00b82f7e3e5 (1).webp
│ ├── 24c6437342c9ea969e13f00b82f7e3e5.webp
│ ├── 30ac0a1ab02999667f1362c501447e58.webp
│ ├── 32de3f32aea18639e29e3d1c9f821c96.webp
│ ├── 4025f0c8dcca6f70e1e614f74e0c1632.webp
│ ├── 407bcb8a886ddcb5e97045dbdafad990.webp
│ ├── 45312fb748d54aa2e58a8f4d637e9e65.webp
│ ├── 71432ad30288fb860a4389881069b874.webp
│ ├── 75fe6d344e6a344cd341f282b0b1f8f3.webp
│ ├── 82aab62886740f165a3631ce6cffe895 (1).webp
│ ├── 82aab62886740f165a3631ce6cffe895.webp
│ ├── 8635cb91f2cdbbc5576e069c52b99412.webp
│ ├── 8cc33abdf12f87b809b1858de2151d40.webp
│ ├── 9064cb9171d320afad68264eb3324456.jpg
│ ├── 9bffe702b1f0aea221b1f18ddf886958.webp
│ ├── a668d1a5f41b04ece82d76ded1e94d3a.webp
│ ├── af0809384afb6e208438d9894367033f (1).jpg
│ ├── af0809384afb6e208438d9894367033f.jpg
│ ├── b07b9765e272f866da6acda4ee107d88.webp
│ ├── bags.png
│ ├── breathe.png
│ ├── d1dcca9144e8d13ffb33026148599d0a.webp
│ ├── d4480234a2f24b0ff5acd98288fd902d.webp
│ ├── daa975651d6d700c0f886718c520ee19.webp
│ ├── db4895e45ee6f3339037dbf7200e63f2.webp
│ ├── dc53bd870ee64d2053ecc51750ece43a.webp
│ ├── f319b26eb69e8ba351423abfad347eae.webp
│ ├── f5a36dfc37d52a643683f4a21247f3ff.webp
│ ├── hongbao.png
│ ├── lou1.jfif
│ ├── music.png
│ ├── phone.png
│ ├── shubao.png
│ └── xinyi.png
├── index.html
└── 锤子商城.html
└── 音乐盒子
├── css
└── index.css
├── images
└── music.jpg
└── 音乐盒子.html
/css预处理页面/color.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/css预处理页面/color.css
--------------------------------------------------------------------------------
/css预处理页面/color.less:
--------------------------------------------------------------------------------
1 | #color(){
2 | fontColor:white;
3 | }
--------------------------------------------------------------------------------
/css预处理页面/images/bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/css预处理页面/images/bg.jpg
--------------------------------------------------------------------------------
/css预处理页面/images/logo-white.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/css预处理页面/images/overlay-center.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/css预处理页面/images/overlay-center.png
--------------------------------------------------------------------------------
/css预处理页面/images/photo-1497436072909-60f360e1d4b1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/css预处理页面/images/photo-1497436072909-60f360e1d4b1.jfif
--------------------------------------------------------------------------------
/css预处理页面/images/sit.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/css预处理页面/images/sit.png
--------------------------------------------------------------------------------
/css预处理页面/images/unsit.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/css预处理页面/images/unsit.png
--------------------------------------------------------------------------------
/css预处理页面/images/天气.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/css预处理页面/images/天气.png
--------------------------------------------------------------------------------
/css预处理页面/images/设 置.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/css预处理页面/images/设 置.png
--------------------------------------------------------------------------------
/css预处理页面/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | color: white;
3 | background: url('images/photo-1497436072909-60f360e1d4b1.jfif') center;
4 | }
5 | .content {
6 | width: 1000px;
7 | margin: 0 auto;
8 | margin-top: 100px;
9 | text-align: center;
10 | }
11 | a {
12 | color: white;
13 | text-decoration: none;
14 | }
15 | .nav {
16 | display: flex;
17 | justify-content: space-between;
18 | }
19 | .weather img {
20 | margin-left: 80px;
21 | }
22 | .weather p {
23 | margin-top: -5px;
24 | }
25 | #time {
26 | font-size: 100px;
27 | }
28 | span {
29 | font-size: 35px;
30 | }
31 | h3 {
32 | font-weight: normal;
33 | font-size: 25px;
34 | }
35 | #ipt {
36 | border: 0;
37 | outline: none;
38 | border-bottom: 2px solid white;
39 | color: white;
40 | background: 0;
41 | width: 17.2em;
42 | }
43 | .setting {
44 | position: absolute;
45 | bottom: 20px;
46 | }
47 | .todo {
48 | position: absolute;
49 | bottom: 20px;
50 | right: 20px;
51 | }
52 | #checkbox {
53 | -webkit-appearance: none;
54 | border: none;
55 | width: 35px;
56 | outline: none;
57 | }
58 | #checkbox::after {
59 | content: url('images/unsit.png');
60 | }
61 | #checkbox:checked::after {
62 | content: url('images/sit.png');
63 | }
64 | .input-check{
65 | display: flex;
66 | margin-left: 480px;
67 | align-items: center;
68 | }
69 | .line{
70 | text-decoration: line-through;
71 | }
72 |
--------------------------------------------------------------------------------
/css预处理页面/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
57 |
58 |
59 |
|About Us|
60 |

61 |
关于单纯的信任
62 |
关于拥抱的心疼
63 |
关于青春 那件傻事的余震
64 |
就用这一首歌来作证
65 |
2015年 周笔畅 反思青春 温情解读关于(我们)
66 |
去百度
67 |
去淘宝
68 |
69 |
70 |
71 |
--------------------------------------------------------------------------------
/关于远大/images/02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/关于远大/images/02.png
--------------------------------------------------------------------------------
/关于远大/images/Thumbs.db:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/关于远大/images/Thumbs.db
--------------------------------------------------------------------------------
/关于远大/images/about.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/关于远大/images/about.jpg
--------------------------------------------------------------------------------
/关于远大/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/关于远大/images/logo.png
--------------------------------------------------------------------------------
/关于远大/images/logo2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/关于远大/images/logo2.png
--------------------------------------------------------------------------------
/关于远大/images/关于远大.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/关于远大/images/关于远大.jpg
--------------------------------------------------------------------------------
/关于远大/关于远大.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
18 |

19 |
20 |
21 | - 账号登录
22 |
23 | - 扫码登录
24 |
25 |
26 |
27 |
50 |
51 |

52 |
53 |
54 |
55 |
64 |
65 |
小米公司版权所有-京ICP备10046444-
京公网安备11010802020134号-京ICP证110507号
66 |
67 |
74 |
75 |
--------------------------------------------------------------------------------
/小米轮播/css/index.css:
--------------------------------------------------------------------------------
1 | *{margin:0;padding:0}
2 | .banner{
3 | margin-top: 20px;
4 | margin-left: auto;
5 | margin-right: auto;
6 | width:990px;
7 | height: 420px;
8 | border:1px solid #666;
9 | overflow: hidden;
10 | position: relative;
11 | }
12 | .banner img{
13 | position: absolute;
14 | width: 990px;
15 | height: 420px;
16 | }
17 | .banner img:nth-of-type(1){
18 | z-index:100;
19 | }
20 | button{
21 | position: absolute;
22 | width:40px;
23 | height: 70px;
24 | cursor: pointer;
25 | background:url('../images/icon-slides.png');
26 | z-index: 200;
27 | border: none;
28 | }
29 | .position-center-y{
30 | position: absolute;
31 | top:50%;
32 | transform: translateY(-50%);
33 | }
34 | .prev{
35 | background-position-x: -83px;
36 | }
37 | .next{
38 | right: 0;
39 | background-position-x: -126px;
40 | }
41 | .prev:hover{
42 | background-position-x: -166px;
43 | }
44 | .next:hover{
45 | background-position-x: -43px;
46 | }
47 | .all-icons{
48 | position: absolute;
49 | z-index:103;
50 | right: 3%;
51 | transform: translate(-3%);
52 | bottom: 20px;
53 | }
54 | .all-icons span{
55 | display:inline-block;
56 | cursor: pointer;
57 | border-radius: 50%;
58 | margin-right: 5px;
59 | width:7px;
60 | height: 7px;
61 | border: 2px solid #AAAEB1;
62 | background-color: gray;
63 | }
64 | .all-icons .active{
65 | background:#F3F6F8;
66 | }
--------------------------------------------------------------------------------
/小米轮播/images/icon-slides.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/小米轮播/images/icon-slides.png
--------------------------------------------------------------------------------
/小米轮播/images/xmad_15613002137481_tCEzx.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/小米轮播/images/xmad_15613002137481_tCEzx.jpg
--------------------------------------------------------------------------------
/小米轮播/images/xmad_15623194139077_SdWoZ.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/小米轮播/images/xmad_15623194139077_SdWoZ.jpg
--------------------------------------------------------------------------------
/小米轮播/images/xmad_1563244244949_cyCRj.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/小米轮播/images/xmad_1563244244949_cyCRj.jpg
--------------------------------------------------------------------------------
/小米轮播/images/xmad_15632717871994_bYqIF.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/小米轮播/images/xmad_15632717871994_bYqIF.jpg
--------------------------------------------------------------------------------
/小米轮播/images/xmad_15634309791142_AmKCW.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/小米轮播/images/xmad_15634309791142_AmKCW.jpg
--------------------------------------------------------------------------------
/小米轮播/js/index.js:
--------------------------------------------------------------------------------
1 | /* $(document).ready(function(){
2 | var index=0;
3 | $(".next").click(function(){
4 | index++;
5 | if(index>4){
6 | index=0;
7 | }
8 | animate(index);
9 | })
10 | $(".prev").click(function(){
11 | index--;
12 | if(index<0){
13 | index=4;
14 | }
15 | animate(index)
16 | })
17 | function animate(index){
18 | $(".content img").eq(index).show().siblings().hide()
19 | $(".all-icons>span").eq(index).addClass("active").siblings().removeClass("active");
20 | }
21 | }) */
22 | $(document).ready(function(){
23 | // 定义正在显示的元素的下标
24 | var index = 0;
25 | $(".next").click(function(){
26 | index++;
27 | if(index>4){
28 | index = 0;
29 | }
30 | animate(index);
31 |
32 | })
33 | $(".prev").click(function(){
34 | index--;
35 | if(index<0){
36 | index=4;
37 | }
38 | animate(index)
39 | })
40 | $(".all-icons>span").click(function(){
41 | index=$(this).index()
42 | animate(index)
43 | })
44 | function animate(index){
45 | $(".content img").eq(index).show().siblings().hide()
46 | $(".all-icons>span").eq(index).addClass("active").siblings().removeClass("active");
47 | }
48 | })
49 |
--------------------------------------------------------------------------------
/小米轮播/小米轮播图.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |

16 |

17 |

18 |

19 |

20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/小米金融/images/contact_icon6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/小米金融/images/contact_icon6.png
--------------------------------------------------------------------------------
/小米金融/images/index_banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/小米金融/images/index_banner.jpg
--------------------------------------------------------------------------------
/小米金融/images/jinrong.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/小米金融/images/jinrong.png
--------------------------------------------------------------------------------
/小米金融/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/小米金融/images/logo.png
--------------------------------------------------------------------------------
/木兮地板/images/aboutus_banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/aboutus_banner.jpg
--------------------------------------------------------------------------------
/木兮地板/images/banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/banner.jpg
--------------------------------------------------------------------------------
/木兮地板/images/banner02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/banner02.jpg
--------------------------------------------------------------------------------
/木兮地板/images/banner1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/banner1.jpg
--------------------------------------------------------------------------------
/木兮地板/images/cap.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/cap.JPG
--------------------------------------------------------------------------------
/木兮地板/images/cap2.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/cap2.JPG
--------------------------------------------------------------------------------
/木兮地板/images/chengxin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/chengxin.png
--------------------------------------------------------------------------------
/木兮地板/images/contactus_banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/contactus_banner.jpg
--------------------------------------------------------------------------------
/木兮地板/images/gongying.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/gongying.png
--------------------------------------------------------------------------------
/木兮地板/images/item01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item01.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item02.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item03.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item04.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item05.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item05.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item06.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item06.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item07.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item07.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item08.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item08.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item09.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item09.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item10 (1).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item10 (1).jpg
--------------------------------------------------------------------------------
/木兮地板/images/item10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item10.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item11.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item12.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item13.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item14.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item15.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item15.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item16.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item16.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item17.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item17.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item18.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item18.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item19.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item19.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item20.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item20.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item21 (1).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item21 (1).jpg
--------------------------------------------------------------------------------
/木兮地板/images/item21.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item21.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item22.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item22.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item23.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item23.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item24.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item24.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item25.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item25.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item26.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item26.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item27.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item27.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item28.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item28.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item29.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item29.jpg
--------------------------------------------------------------------------------
/木兮地板/images/item30.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/item30.jpg
--------------------------------------------------------------------------------
/木兮地板/images/joinus_banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/joinus_banner.jpg
--------------------------------------------------------------------------------
/木兮地板/images/keji.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/keji.png
--------------------------------------------------------------------------------
/木兮地板/images/logo.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/logo.ico
--------------------------------------------------------------------------------
/木兮地板/images/logo0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/logo0.png
--------------------------------------------------------------------------------
/木兮地板/images/logo1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/logo1.png
--------------------------------------------------------------------------------
/木兮地板/images/muxi.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/muxi.JPG
--------------------------------------------------------------------------------
/木兮地板/images/muxi1.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/muxi1.JPG
--------------------------------------------------------------------------------
/木兮地板/images/pinpai.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/pinpai.png
--------------------------------------------------------------------------------
/木兮地板/images/policy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/policy.png
--------------------------------------------------------------------------------
/木兮地板/images/process.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/process.png
--------------------------------------------------------------------------------
/木兮地板/images/ps_banner01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/ps_banner01.jpg
--------------------------------------------------------------------------------
/木兮地板/images/ps_banner02 .jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/ps_banner02 .jpg
--------------------------------------------------------------------------------
/木兮地板/images/ps_banner02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/木兮地板/images/ps_banner02.jpg
--------------------------------------------------------------------------------
/瀑布流/images/01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/01.jpg
--------------------------------------------------------------------------------
/瀑布流/images/02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/02.jpg
--------------------------------------------------------------------------------
/瀑布流/images/03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/03.jpg
--------------------------------------------------------------------------------
/瀑布流/images/04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/04.jpg
--------------------------------------------------------------------------------
/瀑布流/images/05.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/05.jpg
--------------------------------------------------------------------------------
/瀑布流/images/06.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/06.jpg
--------------------------------------------------------------------------------
/瀑布流/images/07.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/07.jpg
--------------------------------------------------------------------------------
/瀑布流/images/08.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/08.jpg
--------------------------------------------------------------------------------
/瀑布流/images/09.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/09.jpg
--------------------------------------------------------------------------------
/瀑布流/images/10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/10.jpg
--------------------------------------------------------------------------------
/瀑布流/images/11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/11.jpg
--------------------------------------------------------------------------------
/瀑布流/images/12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/瀑布流/images/12.jpg
--------------------------------------------------------------------------------
/瀑布流/lib/base.js:
--------------------------------------------------------------------------------
1 | function onReachBottom(){
2 | var dh=$(document).height();
3 | var wh=$(window).scrollTop();
4 | var ah=$(window).height();
5 | return (Math.ceil(wh+ah)==dh)?true:false
6 | }
--------------------------------------------------------------------------------
/烘焙/images/01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/01.jpg
--------------------------------------------------------------------------------
/烘焙/images/03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/03.jpg
--------------------------------------------------------------------------------
/烘焙/images/04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/04.jpg
--------------------------------------------------------------------------------
/烘焙/images/06.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/06.jpg
--------------------------------------------------------------------------------
/烘焙/images/Layer-6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/Layer-6.png
--------------------------------------------------------------------------------
/烘焙/images/X.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/X.png
--------------------------------------------------------------------------------
/烘焙/images/add.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/add.png
--------------------------------------------------------------------------------
/烘焙/images/bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg.jpg
--------------------------------------------------------------------------------
/烘焙/images/bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg.png
--------------------------------------------------------------------------------
/烘焙/images/bg01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg01.jpg
--------------------------------------------------------------------------------
/烘焙/images/bg01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg01.png
--------------------------------------------------------------------------------
/烘焙/images/bg02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg02.png
--------------------------------------------------------------------------------
/烘焙/images/bg03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg03.png
--------------------------------------------------------------------------------
/烘焙/images/bg04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg04.png
--------------------------------------------------------------------------------
/烘焙/images/bg3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg3.png
--------------------------------------------------------------------------------
/烘焙/images/bg4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg4.png
--------------------------------------------------------------------------------
/烘焙/images/bg5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg5.png
--------------------------------------------------------------------------------
/烘焙/images/bg_header01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/bg_header01.png
--------------------------------------------------------------------------------
/烘焙/images/cash.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/cash.png
--------------------------------------------------------------------------------
/烘焙/images/chuxiao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/chuxiao.png
--------------------------------------------------------------------------------
/烘焙/images/credit.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/credit.jpg
--------------------------------------------------------------------------------
/烘焙/images/gua.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/gua.png
--------------------------------------------------------------------------------
/烘焙/images/guadan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/guadan.png
--------------------------------------------------------------------------------
/烘焙/images/headerBg01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/headerBg01.jpg
--------------------------------------------------------------------------------
/烘焙/images/headerBg02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/headerBg02.jpg
--------------------------------------------------------------------------------
/烘焙/images/huiyuan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/huiyuan.png
--------------------------------------------------------------------------------
/烘焙/images/icon01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/icon01.png
--------------------------------------------------------------------------------
/烘焙/images/icon09.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/icon09.jpg
--------------------------------------------------------------------------------
/烘焙/images/income.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/income.png
--------------------------------------------------------------------------------
/烘焙/images/jiaoban.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/jiaoban.jpg
--------------------------------------------------------------------------------
/烘焙/images/jiaoban.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/jiaoban.png
--------------------------------------------------------------------------------
/烘焙/images/jiqi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/jiqi.png
--------------------------------------------------------------------------------
/烘焙/images/left01png.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/left01png.png
--------------------------------------------------------------------------------
/烘焙/images/line.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/line.png
--------------------------------------------------------------------------------
/烘焙/images/logo-拷贝-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/logo-拷贝-2.png
--------------------------------------------------------------------------------
/烘焙/images/logo-拷贝.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/logo-拷贝.png
--------------------------------------------------------------------------------
/烘焙/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/logo.png
--------------------------------------------------------------------------------
/烘焙/images/manage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/manage.png
--------------------------------------------------------------------------------
/烘焙/images/nav.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/nav.png
--------------------------------------------------------------------------------
/烘焙/images/shop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/shop.png
--------------------------------------------------------------------------------
/烘焙/images/shouzhi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/shouzhi.png
--------------------------------------------------------------------------------
/烘焙/images/shouzibg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/shouzibg.png
--------------------------------------------------------------------------------
/烘焙/images/sideBg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/sideBg.png
--------------------------------------------------------------------------------
/烘焙/images/song.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/song.png
--------------------------------------------------------------------------------
/烘焙/images/sub.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/sub.png
--------------------------------------------------------------------------------
/烘焙/images/t1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/t1.png
--------------------------------------------------------------------------------
/烘焙/images/time.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/time.png
--------------------------------------------------------------------------------
/烘焙/images/update.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/update.png
--------------------------------------------------------------------------------
/烘焙/images/user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/user.png
--------------------------------------------------------------------------------
/烘焙/images/xiu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/xiu.png
--------------------------------------------------------------------------------
/烘焙/images/yuding.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/yuding.png
--------------------------------------------------------------------------------
/烘焙/images/互动图标.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/互动图标.png
--------------------------------------------------------------------------------
/烘焙/images/交班.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/交班.png
--------------------------------------------------------------------------------
/烘焙/images/交班2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/交班2.png
--------------------------------------------------------------------------------
/烘焙/images/交班22.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/交班22.png
--------------------------------------------------------------------------------
/烘焙/images/会员.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/会员.png
--------------------------------------------------------------------------------
/烘焙/images/会员2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/会员2.png
--------------------------------------------------------------------------------
/烘焙/images/促销.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/促销.png
--------------------------------------------------------------------------------
/烘焙/images/促销2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/促销2.png
--------------------------------------------------------------------------------
/烘焙/images/修改.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/修改.png
--------------------------------------------------------------------------------
/烘焙/images/关闭.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/关闭.png
--------------------------------------------------------------------------------
/烘焙/images/减少.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/减少.png
--------------------------------------------------------------------------------
/烘焙/images/商品.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/商品.png
--------------------------------------------------------------------------------
/烘焙/images/圆角矩形-11.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/圆角矩形-11.png
--------------------------------------------------------------------------------
/烘焙/images/增加.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/增加.png
--------------------------------------------------------------------------------
/烘焙/images/挂单.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/挂单.png
--------------------------------------------------------------------------------
/烘焙/images/挂单2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/挂单2.png
--------------------------------------------------------------------------------
/烘焙/images/搜.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/搜.png
--------------------------------------------------------------------------------
/烘焙/images/收银中心.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/收银中心.png
--------------------------------------------------------------------------------
/烘焙/images/曾.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/曾.png
--------------------------------------------------------------------------------
/烘焙/images/椭圆-12-拷贝.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/椭圆-12-拷贝.png
--------------------------------------------------------------------------------
/烘焙/images/椭圆-12.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/椭圆-12.png
--------------------------------------------------------------------------------
/烘焙/images/组-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/组-1.png
--------------------------------------------------------------------------------
/烘焙/images/组-15.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/组-15.png
--------------------------------------------------------------------------------
/烘焙/images/组-18.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/组-18.png
--------------------------------------------------------------------------------
/烘焙/images/订货.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/订货.png
--------------------------------------------------------------------------------
/烘焙/images/订货2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/订货2.png
--------------------------------------------------------------------------------
/烘焙/images/账户中心.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/账户中心.png
--------------------------------------------------------------------------------
/烘焙/images/购物卡.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/购物卡.png
--------------------------------------------------------------------------------
/烘焙/images/购物卡2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/购物卡2.png
--------------------------------------------------------------------------------
/烘焙/images/赠送.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/烘焙/images/赠送.png
--------------------------------------------------------------------------------
/生活/images/桔梗.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/生活/images/桔梗.webp
--------------------------------------------------------------------------------
/生活/生活.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
60 |
61 |
62 |
生活
63 |
64 |
此时此刻就是永远,此时此刻就是一切
65 |

66 |
持续做自己想要做的事情,好运自然会降临。
67 | 如果不知道自己喜欢做什么,那就什么都去尝试并尽力做好,
68 | 那么终究会发现自己所爱。
69 | 就像大雨时,会挥洒到到大地的每次处,但大雨滂沱之后总会想低低汇集。
70 |
句子:
71 |
72 | - 每次说走就走的旅行背后,是一笔说取就取的款子
73 | - 所谓的我都是为你好,就是控制和伤害
74 | - 当你下定决心准备出发时,最困难的时刻就已经过去了。那么,出发吧。
75 |
76 |
77 | - 尼采说:
78 | - 对待生命你不妨大胆点,因为它终将离你远去
79 |
80 |
81 |
82 |
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/Thumbs.db:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/Thumbs.db
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/adm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/adm.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/footerLogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/footerLogo.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/location.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/location.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/logo.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/open.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/open.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/phone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/phone.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/phone2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/phone2.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/shop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/shop.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/tianmao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/tianmao.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/user.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/weixin1 - 副本.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/weixin1 - 副本.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/weixin1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/weixin1.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/weixin2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/weixin2.png
--------------------------------------------------------------------------------
/用户中心/day04-1/css/images/weixin3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-1/css/images/weixin3.png
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/Thumbs.db:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/Thumbs.db
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/adm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/adm.png
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/location.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/location.png
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/logo.png
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/open.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/open.png
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/phone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/phone.png
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/phone2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/phone2.png
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/user.png
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/weixin1 - 副本.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/weixin1 - 副本.png
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/weixin1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/weixin1.png
--------------------------------------------------------------------------------
/用户中心/day04-2/css/images/weixin3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/用户中心/day04-2/css/images/weixin3.png
--------------------------------------------------------------------------------
/百度搜索/css/images/baidu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/百度搜索/css/images/baidu.png
--------------------------------------------------------------------------------
/百度搜索/css/index.css:
--------------------------------------------------------------------------------
1 | *{margin: 0;padding: 0}
2 | .content{
3 | width:639px;
4 | margin-left: auto;
5 | margin-right: auto;
6 | margin-top: 100px;
7 | }
8 | .top{
9 | width: 639px;
10 | height: 72px;
11 | background: url('images/baidu.png') center no-repeat;
12 | }
13 | .search{
14 | position: relative;
15 | width: 639px;
16 | height:34px;
17 | margin-top: 30px;
18 | border:1px solid #999;
19 | }
20 | .search input{
21 | width:580px;
22 | height:34px;
23 | position: absolute;
24 | left: 0;
25 | top:0;
26 | border: none;
27 | }
28 | .search button{
29 | width:100px;
30 | height: 34px;
31 | background-color:#0280FF;
32 | color: white;
33 | position: absolute;
34 | right: 0;
35 | top: 0;
36 | border:none;
37 | font-size: 16px;
38 | }
39 | /* .iconfont{
40 | width:20px;
41 | height: 30px;
42 | } */
--------------------------------------------------------------------------------
/百度搜索/百度搜索.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/网易云搜索/images/5-121204193Q8.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云搜索/images/5-121204193Q8.gif
--------------------------------------------------------------------------------
/网易云搜索/images/hot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云搜索/images/hot.png
--------------------------------------------------------------------------------
/网易云搜索/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云搜索/images/logo.png
--------------------------------------------------------------------------------
/网易云搜索/lib/http.js:
--------------------------------------------------------------------------------
1 | /* var url ="https://douban-api.uieee.com/v2/movie/top250";
2 | function http({type="get",callback,data={}}){
3 | $.ajax({
4 | url,
5 | data,
6 | type,
7 | dataType:"jsonp",
8 | success: function(res) {
9 | callback(res)
10 | $("#loading").hide()
11 | },
12 | beforeSend(){
13 | $("#loading").show()
14 | }
15 | })
16 | }
17 | function onReachBottom(){
18 | var dh = $(document).height();
19 | var sh = $(window).scrollTop();
20 | var wh = $(window).height();
21 | return (Math.ceil(sh + wh) == dh) ? true : false;
22 | } */
23 |
24 | var url="http://192.168.14.49:3000/search"
25 | function http({type="get",callback,data}){
26 | $.ajax({
27 | url:`${url}?keywords=${data.value}&limit=10`,
28 | type,
29 | dataType:"json",
30 | success:res=>{
31 | callback(res)
32 | },
33 | beforeSend(){
34 | $("#songs-list").children().remove()
35 | $("#songs-find").children().remove()
36 | }
37 | })
38 | }
39 |
40 | function time(x){
41 | if(x/1000/60<10){
42 | var min=('0'+Math.floor(x/1000/60))
43 | }else{
44 | min=Math.floor(x/1000/60)
45 | }
46 |
47 | if(x/1000%60<10){
48 | var sec='0'+Math.round(x/1000%60)
49 | }else{
50 | sec=Math.round(x/1000%60)
51 | }
52 |
53 | return min+':'+sec;
54 | }
--------------------------------------------------------------------------------
/网易云播放/css/网易云.css:
--------------------------------------------------------------------------------
1 | *{margin: 0;padding: 0}
2 | .content{
3 | width: 400px;height: 400px;
4 | margin:40px auto;
5 | position: relative;
6 | }
7 | .shou{
8 | position: absolute;
9 | top: 0;left: 50%;
10 | transform: translateX(-50%);
11 | z-index: 100;
12 | }
13 | .shou img{
14 | width: 100px;height: 150px;
15 | }
16 | .pan{
17 | position: absolute;
18 | top: 22%;left: 20%;
19 | }
20 | .pan img{
21 | width: 200px;height: 200px;
22 | animation: animated 2s linear infinite;
23 | animation-play-state: paused;
24 | }
25 | @keyframes animated{
26 | 0%{
27 | transform: rotate(0deg)
28 | }
29 | 50%{
30 | transform: rotate(180deg)
31 | }
32 | 100%{
33 | transform: rotate(360deg)
34 | }
35 | }
36 | .pan img:hover{
37 | animation-play-state: running;
38 | }
39 | #play img{
40 | width: 50px;height: 50px;
41 | position: absolute;
42 | top:41%;left: 39%;
43 | z-index: 110;
44 | }
45 | #play img:last-child{
46 | display: none;
47 | }
--------------------------------------------------------------------------------
/网易云播放/images/pan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云播放/images/pan.png
--------------------------------------------------------------------------------
/网易云播放/images/shou.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云播放/images/shou.png
--------------------------------------------------------------------------------
/网易云播放/images/播放.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云播放/images/播放.png
--------------------------------------------------------------------------------
/网易云播放/images/暂停按钮.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云播放/images/暂停按钮.png
--------------------------------------------------------------------------------
/网易云播放/网易云播放.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |

17 |

18 |
19 |
20 |
31 |
32 |
--------------------------------------------------------------------------------
/网易云新碟上架/css/新碟上架.css:
--------------------------------------------------------------------------------
1 | *{margin: 0;padding: 0}
2 | body{
3 | background: #F5F5F5;
4 | }
5 | a{
6 | text-decoration: none;
7 | }
8 | .container{
9 | width: 980px;
10 | margin-top: 100px;
11 | background: white;
12 | }
13 | .center{
14 | margin-left: auto;
15 | margin-right: auto;
16 | }
17 | .container .container-nav{
18 | width: 898px;height: 39px;
19 | border-bottom:2px solid #C20C0C;
20 | }
21 | .container-nav a:first-child {
22 | font-size: 22px;
23 | color: #575757;
24 | margin-right: 10px;
25 | }
26 | .container-nav a,.container-nav span{
27 | color: #929292;
28 | font-size: 12px;
29 | }
30 | #content{
31 | width: 940px;
32 | display: flex;
33 | flex-wrap: wrap;
34 | justify-content: space-evenly;
35 | margin-left: 19px;
36 | }
37 | #content div>img{
38 | width: 159px;height: 110px;
39 | }
40 | #content>div a img{
41 | width: 130px;height: 130px;
42 | border: 1px solid black;
43 | position: absolute;
44 | top: 0;left: 0;
45 | }
46 | #content>div{
47 | width: 135px;
48 | margin-top: 20px;margin-right: 24px;
49 | position: relative;
50 | }
51 | #content>div p:nth-of-type(1){
52 | color: #000000;
53 | margin:10px 0 5px 0;
54 | font-size: 14px;
55 | white-space: nowrap;
56 | overflow: hidden;
57 | text-overflow: ellipsis;
58 | margin-top: 25px;
59 | }
60 | #content>div p:nth-of-type(2){
61 | color: #666666;
62 | font-size: 12px;
63 | }
--------------------------------------------------------------------------------
/网易云新碟上架/images/bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云新碟上架/images/bg.png
--------------------------------------------------------------------------------
/网易云新碟上架/images/bg1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云新碟上架/images/bg1.png
--------------------------------------------------------------------------------
/网易云新碟上架/images/bg2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云新碟上架/images/bg2.png
--------------------------------------------------------------------------------
/网易云新碟上架/images/coverall.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云新碟上架/images/coverall.png
--------------------------------------------------------------------------------
/网易云新碟上架/lib/http.js:
--------------------------------------------------------------------------------
1 | var url="https://music.aityp.com/top/album";
2 | function http({type="get",callback,data={}}){
3 | $.ajax({
4 | url,
5 | type,
6 | dataType:"json",
7 | data,
8 | success:function(res){
9 | callback(res)
10 | $("#loading").hide()
11 | },
12 | beforeSend(){
13 | $("#loading").show()
14 | }
15 | })
16 | }
17 | function onReachBottom(){
18 | var dh=$(document).height();
19 | var sh=$(window).scrollTop();
20 | var wh=$(window).height();
21 | return (Math.ceil(sh+wh)==dh)?true:false;
22 | }
--------------------------------------------------------------------------------
/网易云新碟上架/新碟上架.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
全部新碟
16 |
全部
17 |
|
18 |
华语
19 |
|
20 |
欧美
21 |
|
22 |
韩国
23 |
|
24 |
日本
25 |
|
26 |
27 |
28 |
29 |
70 |
71 |
--------------------------------------------------------------------------------
/网易云电台/css/网易云.css:
--------------------------------------------------------------------------------
1 | *{margin: 0;padding: 0}
2 | body{
3 | background: #F5F5F5;
4 | }
5 | #loading{
6 | position: fixed;
7 | top: 0;right: 0;bottom: 0;left: 0;
8 | display: flex;
9 | justify-content: center;
10 | align-items: center;
11 | }
12 | .center{
13 | margin-left: auto;margin-right: auto;
14 | }
15 | .container{
16 | width: 983px;
17 | background: white;
18 | border: 1px solid #dbdbdd;
19 | }
20 | #content{
21 | width: 900px;
22 | border: 1px solid #dbdbdd;
23 | }
24 | #content img{
25 | width: 40px;height: 40px;
26 | float: left;
27 | margin-top: 19px;
28 | margin-left: 23px;
29 | }
30 | #content>div{
31 | overflow: hidden;
32 | margin-right: 20px;
33 | padding-bottom: 20px;
34 | height: 60px;width: 900px;
35 | }
36 | #content>div:hover{
37 | background: #dcdcdc;
38 | }
39 | #content>div:nth-child(even){
40 | background: #F7F7F7;
41 | width: 900px;
42 |
43 | }
44 | #content>div:nth-child(even):hover{
45 | background: #dcdcdc;
46 | }
47 | #content>div div{
48 | margin-top: 25px;
49 | margin-left: 78px;
50 | }
51 | #list span:nth-child(1){
52 | display: inline-block;
53 | width: 280px;
54 | white-space: nowrap;
55 | overflow: hidden;
56 | text-overflow: ellipsis;
57 | margin-top: 5px;
58 | }
59 | #list span:nth-child(2){
60 | display: inline-block;
61 | width: 160px;
62 | white-space: nowrap;
63 | overflow: hidden;
64 | text-overflow: ellipsis;
65 | margin-left: 20px;
66 | }
67 | #list span a{
68 | font-size: 12px;
69 | color: #333333;
70 | }
71 | #list span a:hover{
72 | color: black;
73 | text-decoration: underline;
74 | }
75 | #list span{
76 | font-size: 11px;
77 | color: #999999;
78 | }
79 | #list span:nth-child(3){
80 | width: 70px;
81 | display: inline-block;
82 | margin-right: 54px;
83 | padding-top: 5px;
84 | }
85 | #list button{
86 | background: none;
87 | margin-left: 100px;
88 | border: 1px solid #999;
89 | font-size: 12px;
90 | width: 66px;
91 | color: #999999;
92 | }
93 |
--------------------------------------------------------------------------------
/网易云电台/images/5-121204193Q8.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/网易云电台/images/5-121204193Q8.gif
--------------------------------------------------------------------------------
/网易云电台/lib/http.js:
--------------------------------------------------------------------------------
1 | /* var url="https://douban-api.uieee.com/v2/movie/top250";
2 | function http({type="get",callback,data={}}){
3 | $.ajax({
4 | url,
5 | data,
6 | type,
7 | dataType:"jsonp",
8 | success:function(res){
9 | callback(res)
10 | }
11 | })
12 | }
13 | function onReachBottom(){
14 | var dh=$(document).height();
15 | var sh=$(window).scrollTop;
16 | var wh=$(window).height();
17 | return(Math.ceil(sh+wh)==dh)?true:false;
18 | } */
19 | var url ="https://douban-api.uieee.com/v2/movie/top250";
20 | function http({type="get",callback,data={}}){
21 | $.ajax({
22 | url,
23 | data,
24 | type,
25 | dataType:"jsonp",
26 | success: function(res) {
27 | callback(res)
28 | $("#loading").hide()
29 | },
30 | beforeSend(){
31 | $("#loading").show()
32 | }
33 | })
34 | }
35 | function onReachBottom(){
36 | var dh = $(document).height();
37 | var sh = $(window).scrollTop();
38 | var wh = $(window).height();
39 | return (Math.ceil(sh + wh) == dh) ? true : false;
40 | }
--------------------------------------------------------------------------------
/网易云电台/网易云电台.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
9 |
10 |
11 |
12 |
13 |

14 |
15 |
18 |
58 |
59 |
--------------------------------------------------------------------------------
/豆瓣电影/css/豆瓣.css:
--------------------------------------------------------------------------------
1 | *{margin: 0;padding: 0}
2 | body{
3 | /* padding-left: 363px;padding-right: 363px; */
4 | padding-left: 24%;padding-right: 19%;
5 | padding-top: 30px;
6 | }
7 | img{
8 | width: 149px;height: 220px;
9 | margin-top:12px;margin-left: 12px;
10 | }
11 | div{
12 | width:170px;height: 260px;
13 | margin-right: 21px;
14 | margin-bottom: 21px;
15 | float: left;
16 | box-shadow: 2px 1px 6px 3px rgb(175,175,175);
17 | }
18 | p{
19 | margin-top: -3px;margin-left: 12px;
20 | }
--------------------------------------------------------------------------------
/豆瓣电影/images/5-121204193Q8.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/豆瓣电影/images/5-121204193Q8.gif
--------------------------------------------------------------------------------
/豆瓣电影/lib/http.js:
--------------------------------------------------------------------------------
1 | /* var url="https://douban-api.uieee.com/v2/movie/top250";
2 | function http({type="get",callback,data={}}){
3 | $.ajax({
4 | url,
5 | data,
6 | type,
7 | dataType:"jsonp",
8 | success:function(res){
9 | callback(res)
10 | }
11 | })
12 | }
13 | function onReachBottom(){
14 | var dh=$(document).height();
15 | var sh=$(window).scrollTop;
16 | var wh=$(window).height();
17 | return(Math.ceil(sh+wh)==dh)?true:false;
18 | } */
19 | var url ="https://douban-api.uieee.com/v2/movie/top250";
20 | function http({type="get",callback,data={}}){
21 | $.ajax({
22 | url,
23 | data,
24 | type,
25 | dataType:"jsonp",
26 | success: function(res) {
27 | callback(res)
28 | $("#loading").hide()
29 | },
30 | beforeSend(){
31 | $("#loading").show()
32 | }
33 | })
34 | }
35 | function onReachBottom(){
36 | var dh = $(document).height();
37 | var sh = $(window).scrollTop();
38 | var wh = $(window).height();
39 | return (Math.ceil(sh + wh) == dh) ? true : false;
40 | }
--------------------------------------------------------------------------------
/豆瓣电影/test.htm:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
17 |
18 |
19 |
20 |
21 |

22 |
小生给
23 |
24 |
25 |

26 |
小生给
27 |
28 |
29 |

30 |
小生给
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/豆瓣电影/豆瓣.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
9 |
10 |
19 |
20 |
21 |
22 |

23 |
24 |
56 |
57 |
--------------------------------------------------------------------------------
/豆瓣读书/images/image.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/豆瓣读书/images/image.jfif
--------------------------------------------------------------------------------
/豆瓣读书/images/logo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/豆瓣读书/images/logo.jpg
--------------------------------------------------------------------------------
/豆瓣读书/lib/http.js:
--------------------------------------------------------------------------------
1 | var baseUrl='https://music.aityp.com/'
2 | function http({url,type="get",callback}){
3 | $.ajax({
4 | url:baseUrl+url,
5 | type,
6 | dataType:"json",
7 | success:res=>{
8 | callback(res)
9 | }
10 | })
11 | }
--------------------------------------------------------------------------------
/轮播/images/01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/01.jpg
--------------------------------------------------------------------------------
/轮播/images/02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/02.jpg
--------------------------------------------------------------------------------
/轮播/images/03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/03.jpg
--------------------------------------------------------------------------------
/轮播/images/04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/04.jpg
--------------------------------------------------------------------------------
/轮播/images/5-121204193Q8.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/5-121204193Q8.gif
--------------------------------------------------------------------------------
/轮播/images/fengyunbang.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/fengyunbang.png
--------------------------------------------------------------------------------
/轮播/images/icon-slides.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/icon-slides.png
--------------------------------------------------------------------------------
/轮播/images/luomi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/luomi.png
--------------------------------------------------------------------------------
/轮播/images/timg (3).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/timg (3).jpg
--------------------------------------------------------------------------------
/轮播/images/tuiguang.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/tuiguang.png
--------------------------------------------------------------------------------
/轮播/images/tupian.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/tupian.png
--------------------------------------------------------------------------------
/轮播/images/wenku.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/wenku.png
--------------------------------------------------------------------------------
/轮播/images/yinyue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/yinyue.png
--------------------------------------------------------------------------------
/轮播/images/zhidao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/zhidao.png
--------------------------------------------------------------------------------
/轮播/images/无标题.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/无标题.jpg
--------------------------------------------------------------------------------
/轮播/images/晴明.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/晴明.jpg
--------------------------------------------------------------------------------
/轮播/images/痒痒鼠.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/痒痒鼠.jpg
--------------------------------------------------------------------------------
/轮播/images/痒痒鼠2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/痒痒鼠2.jpg
--------------------------------------------------------------------------------
/轮播/images/痒痒鼠3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/轮播/images/痒痒鼠3.jpg
--------------------------------------------------------------------------------
/轮播/lib/http.js:
--------------------------------------------------------------------------------
1 | var url="https://douban-api.uieee.com/v2/movie/top250";
2 | function http({type="get",callback,data={}}){
3 | $.ajax({
4 | url,
5 | data,
6 | type,
7 | dataType:"jsonp",
8 | success:function(res){
9 | callback(res)
10 | $("#loading").hide()
11 | },
12 | beforeSend:function(){
13 | $("#loading").show()
14 | }
15 | })
16 | }
17 | function onReachBottom(){
18 | var dh=$(document).height();
19 | var sh=$(window).scrollTop();
20 | var ah=$(window).height();
21 | return (Math.ceil(sh+ah)==dh)?true:false;
22 | }
23 |
24 |
--------------------------------------------------------------------------------
/锤子商城/images/00eee903962f17d75950397843117e6e.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/00eee903962f17d75950397843117e6e.webp
--------------------------------------------------------------------------------
/锤子商城/images/17f254e6f809355d8fe66260ccb48fb0.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/17f254e6f809355d8fe66260ccb48fb0.webp
--------------------------------------------------------------------------------
/锤子商城/images/182f12dd776f2c9ad59657d9d300fb1f.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/182f12dd776f2c9ad59657d9d300fb1f.webp
--------------------------------------------------------------------------------
/锤子商城/images/1c13034d1028f3620d487c1db7184a51.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/1c13034d1028f3620d487c1db7184a51.webp
--------------------------------------------------------------------------------
/锤子商城/images/24c6437342c9ea969e13f00b82f7e3e5 (1).webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/24c6437342c9ea969e13f00b82f7e3e5 (1).webp
--------------------------------------------------------------------------------
/锤子商城/images/24c6437342c9ea969e13f00b82f7e3e5.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/24c6437342c9ea969e13f00b82f7e3e5.webp
--------------------------------------------------------------------------------
/锤子商城/images/30ac0a1ab02999667f1362c501447e58.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/30ac0a1ab02999667f1362c501447e58.webp
--------------------------------------------------------------------------------
/锤子商城/images/32de3f32aea18639e29e3d1c9f821c96.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/32de3f32aea18639e29e3d1c9f821c96.webp
--------------------------------------------------------------------------------
/锤子商城/images/4025f0c8dcca6f70e1e614f74e0c1632.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/4025f0c8dcca6f70e1e614f74e0c1632.webp
--------------------------------------------------------------------------------
/锤子商城/images/407bcb8a886ddcb5e97045dbdafad990.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/407bcb8a886ddcb5e97045dbdafad990.webp
--------------------------------------------------------------------------------
/锤子商城/images/45312fb748d54aa2e58a8f4d637e9e65.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/45312fb748d54aa2e58a8f4d637e9e65.webp
--------------------------------------------------------------------------------
/锤子商城/images/71432ad30288fb860a4389881069b874.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/71432ad30288fb860a4389881069b874.webp
--------------------------------------------------------------------------------
/锤子商城/images/75fe6d344e6a344cd341f282b0b1f8f3.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/75fe6d344e6a344cd341f282b0b1f8f3.webp
--------------------------------------------------------------------------------
/锤子商城/images/82aab62886740f165a3631ce6cffe895 (1).webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/82aab62886740f165a3631ce6cffe895 (1).webp
--------------------------------------------------------------------------------
/锤子商城/images/82aab62886740f165a3631ce6cffe895.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/82aab62886740f165a3631ce6cffe895.webp
--------------------------------------------------------------------------------
/锤子商城/images/8635cb91f2cdbbc5576e069c52b99412.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/8635cb91f2cdbbc5576e069c52b99412.webp
--------------------------------------------------------------------------------
/锤子商城/images/8cc33abdf12f87b809b1858de2151d40.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/8cc33abdf12f87b809b1858de2151d40.webp
--------------------------------------------------------------------------------
/锤子商城/images/9064cb9171d320afad68264eb3324456.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/9064cb9171d320afad68264eb3324456.jpg
--------------------------------------------------------------------------------
/锤子商城/images/9bffe702b1f0aea221b1f18ddf886958.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/9bffe702b1f0aea221b1f18ddf886958.webp
--------------------------------------------------------------------------------
/锤子商城/images/a668d1a5f41b04ece82d76ded1e94d3a.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/a668d1a5f41b04ece82d76ded1e94d3a.webp
--------------------------------------------------------------------------------
/锤子商城/images/af0809384afb6e208438d9894367033f (1).jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/af0809384afb6e208438d9894367033f (1).jpg
--------------------------------------------------------------------------------
/锤子商城/images/af0809384afb6e208438d9894367033f.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/af0809384afb6e208438d9894367033f.jpg
--------------------------------------------------------------------------------
/锤子商城/images/b07b9765e272f866da6acda4ee107d88.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/b07b9765e272f866da6acda4ee107d88.webp
--------------------------------------------------------------------------------
/锤子商城/images/bags.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/bags.png
--------------------------------------------------------------------------------
/锤子商城/images/breathe.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/breathe.png
--------------------------------------------------------------------------------
/锤子商城/images/d1dcca9144e8d13ffb33026148599d0a.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/d1dcca9144e8d13ffb33026148599d0a.webp
--------------------------------------------------------------------------------
/锤子商城/images/d4480234a2f24b0ff5acd98288fd902d.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/d4480234a2f24b0ff5acd98288fd902d.webp
--------------------------------------------------------------------------------
/锤子商城/images/daa975651d6d700c0f886718c520ee19.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/daa975651d6d700c0f886718c520ee19.webp
--------------------------------------------------------------------------------
/锤子商城/images/db4895e45ee6f3339037dbf7200e63f2.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/db4895e45ee6f3339037dbf7200e63f2.webp
--------------------------------------------------------------------------------
/锤子商城/images/dc53bd870ee64d2053ecc51750ece43a.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/dc53bd870ee64d2053ecc51750ece43a.webp
--------------------------------------------------------------------------------
/锤子商城/images/f319b26eb69e8ba351423abfad347eae.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/f319b26eb69e8ba351423abfad347eae.webp
--------------------------------------------------------------------------------
/锤子商城/images/f5a36dfc37d52a643683f4a21247f3ff.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/f5a36dfc37d52a643683f4a21247f3ff.webp
--------------------------------------------------------------------------------
/锤子商城/images/hongbao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/hongbao.png
--------------------------------------------------------------------------------
/锤子商城/images/lou1.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/lou1.jfif
--------------------------------------------------------------------------------
/锤子商城/images/music.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/music.png
--------------------------------------------------------------------------------
/锤子商城/images/phone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/phone.png
--------------------------------------------------------------------------------
/锤子商城/images/shubao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/shubao.png
--------------------------------------------------------------------------------
/锤子商城/images/xinyi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/锤子商城/images/xinyi.png
--------------------------------------------------------------------------------
/锤子商城/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
9 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |

27 |
28 |
29 |

30 |
31 |
32 |

33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/音乐盒子/css/index.css:
--------------------------------------------------------------------------------
1 | *{margin:0;padding: 0;}
2 | body{
3 | background: #EE8682;
4 | }
5 | .content{
6 | width: 320px;
7 | margin-left: auto;
8 | margin-right: auto;
9 | text-align: center;
10 | }
11 | .search{
12 | width: 307px;
13 | height: 54px;
14 | margin-top: 66px;
15 | border:none;
16 | position: relative;
17 | margin-bottom: 10px;
18 | }
19 | .search input{
20 | position: absolute;
21 | width: 200px;
22 | height: 54px;
23 | border-radius: 30px;
24 | top: 50%;left: 50%;
25 | transform: translate(-50%,-50%);
26 | margin-left: -20px;
27 | outline: none;
28 | border: none;
29 | background-color: #FCEAE8;
30 | padding-left: 20px;
31 | }
32 | .search button{
33 | position: absolute;
34 | width:81px;height: 54px;
35 | top: 0;
36 | right: -25px;
37 | font-size: 14px;
38 | outline: none;
39 | border-radius: 12px;
40 | background: #FCEAE8;
41 | border: none;
42 | }
43 | img{
44 | border-radius: 50%;
45 | }
46 | h4{
47 | margin-top: 10px;
48 | margin-bottom: 20px;
49 | }
--------------------------------------------------------------------------------
/音乐盒子/images/music.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huangzhichao-520/html-css-js-practice/ee0a02c782d4e862998f2a31348fdcc6d8052978/音乐盒子/images/music.jpg
--------------------------------------------------------------------------------
/音乐盒子/音乐盒子.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
Document
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |

18 |
成都
19 |
20 |
21 |
40 |
41 |
--------------------------------------------------------------------------------