用jq實(shí)現(xiàn)swiper輪播圖效果
寫一個(gè)jquery實(shí)現(xiàn)swiper輪播圖的案例，主要功能有自動(dòng)跳到下一張圖片，點(diǎn)擊左右側(cè)按鈕跳轉(zhuǎn)上一張和下一張。1.首先新建一個(gè)html頁面，編輯器自動(dòng)初始化一下代碼。2.寫一下html的dom和cs
兩種css+jq的隱藏式搜索欄
最近在做一個(gè)學(xué)校網(wǎng)站的項(xiàng)目，在這個(gè)項(xiàng)目中我用到了兩種不同的搜索欄的樣式，一起來分享一下。 1.首先第一種，這種可以使用css來完成，我們首先設(shè)置普通狀態(tài)下的搜索框邊框顏色為白色，且寬度較低，就能
網(wǎng)頁中頭部菜單滾動(dòng)跟隨且不會造成頁面塌陷
大家可以看到，我的滾動(dòng)條處于頂端的時(shí)候，頭部的菜單也處于頂端。 當(dāng)我滾動(dòng)的時(shí)候，大家發(fā)現(xiàn)頭部的菜單隨著我一起滾動(dòng)了，眾所周知啊，display：fixed，能夠使元素固定在頁面中的某一塊，但是
利用jq和陰影做出消失效果
需求如下： 實(shí)現(xiàn)效果要求鼠標(biāo)通過不同的標(biāo)題時(shí)，根據(jù)索引值呈現(xiàn)不同的下拉條內(nèi)容，如果大家會自己寫動(dòng)畫的話，實(shí)現(xiàn)效果肯定比使用jq好很多，而且更加靈活。 這里我們先看一下結(jié)構(gòu)。parasitism被隱藏。我們這里需要給parasitism一個(gè)下方10px模糊度為10的灰色陰影 我們引入jQuery，鼠標(biāo)放到導(dǎo)航條上可以使用mouseover與mouseout或者h(yuǎn)over來實(shí)現(xiàn)，我...
利用迅睿cms做一個(gè)選項(xiàng)卡切換（下）
利用迅睿cms做一個(gè)選項(xiàng)卡切換（下）如上文所言，選項(xiàng)卡切換基于jq，那這里就是基于迅睿cms了。這里需要一定的基礎(chǔ)，請大家先查看我站關(guān)于迅睿cms的知識。這里主要思路是循環(huán)套循環(huán)，話不多說，請看！首先，我們先循環(huán)列表部分。 拿到當(dāng)前頁面的欄目id，然后循環(huán)他的子集，父欄目為當(dāng)前的欄目id。然后通過第二...
2023-07-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
