CSS實現 手風琴(簡單)

2021-10-09 16:00:41 字數 560 閱讀 3907

先上效果圖,一點一點寫的自己麻煩,別人也不會好好看,我找的時候也就是直接看**適合就拿哈哈哈哈哈

view裡面會多出來一點,然後我就直接把view的背景色弄成和body的背景色相同,就不會有灰色的那一塊了

上自己的菜雞**

溫泉酒店

情侶酒店

設計酒店

青年旅舍

特色客棧

海島酒店

海外溫泉

這樣子也可以當作完成作業啦!

附上案例的**吧,現在看其實比較簡單,但是有心思的你來看看吧

溫泉酒店

情侶酒店

設計酒店

青年旅舍

特色客棧

海島酒店

海外溫泉

純CSS實現手風琴效果

先看一下效果圖吧 初始狀態 大體思路 首先設定初始的樣式,讓後當滑鼠滑過任一欄目時,先將所有的欄目的寬度設定為30px,且字型大小為0 讓文字不顯示 當滑過某一欄目時,將該欄的寬度設定為510px,字型顯示出來,然後用overflow y scroll 顯示滾動條。注意 這個樣式的設定對每個欄目寬度...

手風琴效果

今天寫了乙個類似手風琴的效果,基於jquer,貼出來分享,生命在於折騰,加油。function imgshowleft else 3000 imgshowleft li on mouseover function if this hasclass active imgshowleft li on m...

手風琴案例

lang en charset utf 8 title type text css ul parentwrap menugroup grouptitle menugroup div style src js jquery 1.12.4.js script head class parentwrap ...