今天周一,國慶收假回來工作的第一天.跟假期綜合症說拜拜吧!打起精神來幹活………
今天要跟大家分享的是如何利用js制作頁籤,頁籤在各種類型的網站都有大量的使用,頁籤就是通過一個标題點選顯示對應的内容,二每一個标題的内容都出現在同一個内容位置,這樣就可以大大的節省頁面的使用,也增加了頁面的美觀度.
接下來,開幹吧!
首先給頁籤進行布局,如下圖所示:
這裡的布局隻是一個簡化版的,就是一個大骨架,像其他網站裡面有各種的資訊咨詢的布局,小夥伴們可以增加進去.
布局完成後就可以給樣式啦,
li的類名’.active’,在這裡是運用了類名函數去給每一個li進行了樣式設定,主要是在js運用類名.
下面重點來了,JS如圖
好了,希望我的部落格可以幫助到各位.