前端 demo(天貓靜態頁面)

2021-09-01 05:43:02 字數 3255 閱讀 6916

html樣式

喵,歡迎來天貓 

請登入免費註冊

購物車收藏夾

手機版**網

商家支援

**導航

搜尋

天貓會員

電器城

喵鮮生

醫藥館

營業廳

魅力惠

飛豬旅行

蘇寧易購

商品分類

當季新品 >

當季新品 >

** /運動戶外

測試2

女鞋 /男鞋 /箱包

美妝 /個人護理

腕表 /眼鏡 /珠寶飾品

手機 /數碼 /電腦辦公

母嬰玩具

零食 /茶酒 /進口食品

生鮮水果

大家電 /生活電器

家具建材

汽車 /配件 /用品

家紡 /家飾 /鮮花

廚具 /收納 /寵物

圖書音像

品牌閃購

brand sale

品牌閃購

brand sale

品牌閃購

brand sale

css:common1

* 

ul /* #banner */

/* #banner

img */

body

#banner1

#menu

.wrap

#left span,#left a

#left

#left>a

/*

#right */

#left>a

#left>a:hover

/* #right

#right>li

#right li>a

#right li

#right li>a:hover

.iconfont

.arrow-mark

#right li:hover .arrow-mark

.list-menu

#right>li:hover .list-menu

.sub-qr

.sub-qr::after

.list-img:hover .sub-qr

css:index1

.search

.logio

.search-box

.clear-fix

.search-txt

.search-but

.search-list

.search-list li

.search-list li a

.search-list li.red a

.inner-cont

.inner-cont img

.inner-cont a

/* .inner-cont a::after */

.inner-cont a:hover

.right .icon-daohang

.content

.content .iconfont

.slide-content

.category

.content .slide-content .main-cate-box

.main-cate-box

.slide-content .main-cate-box a

.cate-title

.main-cate:hover a

.content .main-cate:hover

.content .main-cate i

/* .content .cate-title */

.content .main-cate

.cate-sub-list

.cate-sub-list

.main-cate:hover .cate-sub-list

.main-cate:hover .cate-sub-list

.sub-list-left

.sub-list-right

.list-left-row

.list-left-title

.list-left-content

.list-left-row .list-left-content a

.list-left-row .list-left-content .special-color

.list-left-content li

/* .list-lc li */

/* 輪播圖開始*/

.slide-box

.slide-box a

.slide-box img

/* .slide-btn-box */

.slide-btn-box

.slide-btn-box li

.slide-btn-box li:hover

/* 輪播圖按鈕--方法 */

.slide-btn-box0

.brand-sale

.brand-title

.brand-img01

.brand-list

.brand-list img:hover

.brand-title img

.brand-title-cn

.brand-title-en

.brand-img01 .brand-img img

.brand-img02

.brand-img02 .brand-img img

.brand-img03

.brand-img03 .brand-img img

.brand-list

.brand-logo

.brand-logo li

.brand-logo li img

.brand-logo a

.brand-logo p

/* 行內塊元素居中,可以設定其父元素的text-align屬性 */

.brand-logo span

/* .brand-logo span */

.brand-logo li:hover a

天貓商城前端學習 2

border style dotted solid double dashed 上邊框是點狀 右邊框是實線 下邊框是雙線 左邊框是虛線 position absolute 設定了絕對定位的元素,相當於該元素被從原文件中刪除了 相對定位不會把該元素從原文件刪除掉,而是在原文件的位置的基礎上,移動一定的...

22 0002 天貓店鋪搜尋頁面分析

與 的介面類似,但是結果卻不太一樣 link 天貓店鋪搜尋鏈結 url1 url2 url3 不同之處如下 為什麼會有這麼多奇奇怪怪的內容.user id 即為所求 但是與之相同的元素,卻有很多 遍歷這些個元素,可以發現最後乙個元素即為所求 備註 這裡的user ids一共有20個對應的是介面上出現...

前端簡易小demo 頁面logo漂浮

實現效果 logo在瀏覽器頁面漂浮,滑鼠覆蓋暫停,滑鼠移走繼續漂浮 效果圖 css 如下 box html的body 如下 box div jquery 如下 其實js的也差不多異曲同工之妙 主要是理解內部邏輯即可 function run if gox false if x 0 if x winx...