以前都是看大神們寫的博客，現在自己也想試一試，(*^▽^*) 第一次寫博客，感覺好激動啊，不知道先寫點啥，哈哈 突然想學習Vue了，就先做個小demo吧！！！ css樣式： html內容： js內容： 博客現在玩的不是很6，我得好 ...

...

1、在網頁制作過程中，我們經常會用到選項卡切換效果，它能夠讓我們的網頁在交互和布局上都能得到提升 原理：在布局好選項卡的HTML結構后，我們可以看的出來，選項卡實際上是三個選項卡標頭和三個對應的版塊，如下圖，是三個標頭分別是教育，娛樂，汽車，當我 ...

　初始狀態，只展示tab1的內容 　　 　點擊tab2，只展示tab2的內容 　　 　 　通過原生js實現tab切換，首先講解一下實現的原理。 　　　　1.點擊按鈕首先給這個被點擊的按鈕添加一個active類，給點擊的改變背景色 　　　　2.點擊按鈕其實就是把相應的div ...

...

使用JQuery實現選項卡切換：觸發添加和刪除類名！ html代碼 　　　　　　　　　　　　<div> <div class="ig"> src ...

最終效果圖（鼠標無操作會自動切換選項卡）： ...

tab選項卡切換效果： 通過點擊事件傳入參數，然后通過v-show來進行切換顯示 當我們選項卡增多的時候，代碼量也會增大，所以我們可以使用v-for來優化一下代碼： ...