另一種圖片切換-利用i實(shí)現(xiàn)簡單切換
有時(shí)候需要做選中的效果，比如選項(xiàng)卡切換，多個(gè)不同的文本和圖片切換，往往需要用到j(luò)s，今天給大家介紹一下另一種利用i來切換簡單圖片的方法，只需要用到css，那么我們看一下怎么搞吧。 大家請看，如上圖使我們設(shè)計(jì)圖的效果被選中的改變圖標(biāo)和文字的顏色，并添加底部邊框，這里我們正常使用js切換內(nèi)容，給他們添加點(diǎn)擊事件，通過改變數(shù)字來判斷是否選中，并給選中的添加一個(gè)claas為on的類名。 下面就到...
2023-09-15
利用迅睿cms做一個(gè)選項(xiàng)卡切換（上）
選項(xiàng)卡切換基于jq，所以請先引入jq。不需要很高深的代碼，只需要簡單了解下jq就可以做出選項(xiàng)卡切換。不廢話直接貼一段代碼。具體可以參考下我在csdn上的博客。 $(".leftHead ul li").click(function () { let $index = $(this).index() $(this).addClass("on").siblings().re...
2023-07-15
相關(guān)Tag
