用jq實現swiper輪播圖效果
寫一個jquery實現swiper輪播圖的案例，主要功能有自動跳到下一張圖片，點擊左右側按鈕跳轉上一張和下一張。1.首先新建一個html頁面，編輯器自動初始化一下代碼。2.寫一下html的dom和cs
兩種css+jq的隱藏式搜索欄
最近在做一個學校網站的項目，在這個項目中我用到了兩種不同的搜索欄的樣式，一起來分享一下。 1.首先第一種，這種可以使用css來完成，我們首先設置普通狀態下的搜索框邊框顏色為白色，且寬度較低，就能
網頁中頭部菜單滾動跟隨且不會造成頁面塌陷
大家可以看到，我的滾動條處于頂端的時候，頭部的菜單也處于頂端。 當我滾動的時候，大家發現頭部的菜單隨著我一起滾動了，眾所周知啊，display：fixed，能夠使元素固定在頁面中的某一塊，但是
利用jq和陰影做出消失效果
需求如下： 實現效果要求鼠標通過不同的標題時，根據索引值呈現不同的下拉條內容，如果大家會自己寫動畫的話，實現效果肯定比使用jq好很多，而且更加靈活。 這里我們先看一下結構。parasitism被隱藏。我們這里需要給parasitism一個下方10px模糊度為10的灰色陰影 我們引入jQuery，鼠標放到導航條上可以使用mouseover與mouseout或者hover來實現，我...
利用迅睿cms做一個選項卡切換（下）
利用迅睿cms做一個選項卡切換（下）如上文所言，選項卡切換基于jq，那這里就是基于迅睿cms了。這里需要一定的基礎，請大家先查看我站關于迅睿cms的知識。這里主要思路是循環套循環，話不多說，請看！首先，我們先循環列表部分。 拿到當前頁面的欄目id，然后循環他的子集，父欄目為當前的欄目id。然后通過第二...
利用迅睿cms做一個選項卡切換（上）
選項卡切換基于jq，所以請先引入jq。不需要很高深的代碼，只需要簡單了解下jq就可以做出選項卡切換。不廢話直接貼一段代碼。具體可以參考下我在csdn上的博客。 $(".leftHead ul li").click(function () { let $index = $(this).index() $(this).addClass("on").siblings().re...
