jQuery固定導(dǎo)航精品文章

• 

  前端插件庫(kù)

  原文鏈接：前端插件庫(kù)站點(diǎn)：前端開發(fā)文檔博客：前端插件庫(kù) 前端插件庫(kù) DataTables 官網(wǎng)：https://www.datatables.net/ DataTables是jQuery的JavaScript函數(shù)庫(kù)，目的是強(qiáng)化表格操作（如搜索、排序），并自動(dòng)加入組件引入表格中，使用非常...

  高勝山 2019-08-26 13:44 評(píng)論0 收藏0
• 

  前端插件庫(kù)

  原文鏈接：前端插件庫(kù)站點(diǎn)：前端開發(fā)文檔博客：前端插件庫(kù) 前端插件庫(kù) DataTables 官網(wǎng)：https://www.datatables.net/ DataTables是jQuery的JavaScript函數(shù)庫(kù)，目的是強(qiáng)化表格操作（如搜索、排序），并自動(dòng)加入組件引入表格中，使用非常...

  shusen 2019-08-30 10:53 評(píng)論0 收藏0
• 

  模擬a標(biāo)簽的hash---中部導(dǎo)航

  主要功能 固定中部導(dǎo)航欄（滾動(dòng)到觸發(fā)） 滾動(dòng)后可視內(nèi)容和高亮標(biāo)題一致（很多網(wǎng)站并未做到這一點(diǎn)） 點(diǎn)擊導(dǎo)航標(biāo)題快速定位到內(nèi)容 可自定義當(dāng)觸發(fā)標(biāo)題時(shí)的標(biāo)題樣式 基于JQuery實(shí)現(xiàn) (function() { $.fn.smint = function(fxd) { ...

  melody_lql 2019-08-20 17:29 評(píng)論0 收藏0
• 

  67 個(gè)拯救前端開發(fā)者的工具、庫(kù)和資源

  Javascript 庫(kù) Particles.js? 一個(gè)用來(lái)在 web 中創(chuàng)建炫酷的浮動(dòng)粒子的庫(kù) Three.js? 一個(gè)用來(lái)在 web 中創(chuàng)建 3d 物體和 3d 空間的庫(kù) Fullpage.js ?快速實(shí)現(xiàn)全屏滾動(dòng)特性 Typed.js 打字機(jī)效果 Waypoints.js? ?滾動(dòng)到某個(gè)元素位置時(shí)觸發(fā)一個(gè)...

  XiNGRZ 2019-08-22 16:00 評(píng)論0 收藏0
• 

  用純css實(shí)現(xiàn)Tab切換

  我們今天用css來(lái)實(shí)現(xiàn)一個(gè)常見的tab切換效果 查看原文可以有更好的排版效果哦 先看效果 https://codepen.io/xboxyan/pe... 前言 哪些簡(jiǎn)單的效果可以考慮用css來(lái)實(shí)現(xiàn)呢，目前css能夠做的交互有 鼠標(biāo)經(jīng)過(guò)/離開：hover 鼠標(biāo)點(diǎn)擊：:cheked ...

  hizengzeng 2019-08-30 15:54 評(píng)論0 收藏0
• 

  tab 切換下劃線跟隨實(shí)現(xiàn)

  HTML 結(jié)構(gòu)如下： 不可思議的CSS 導(dǎo)航欄 光標(biāo)小下劃線跟隨 PURE CSS Nav Underline 導(dǎo)航欄目的 li 的寬度是不固定的 當(dāng)從導(dǎo)航的左側(cè) li 移向右側(cè) li，下劃線從左往右移動(dòng)。同理，當(dāng)從導(dǎo)航的右側(cè) li 移向左側(cè) li，下劃線從...

  googollee 2019-08-02 16:05 評(píng)論0 收藏0
• 

  tab 切換下劃線跟隨實(shí)現(xiàn)

  HTML 結(jié)構(gòu)如下： 不可思議的CSS 導(dǎo)航欄 光標(biāo)小下劃線跟隨 PURE CSS Nav Underline 導(dǎo)航欄目的 li 的寬度是不固定的 當(dāng)從導(dǎo)航的左側(cè) li 移向右側(cè) li，下劃線從左往右移動(dòng)。同理，當(dāng)從導(dǎo)航的右側(cè) li 移向左側(cè) li，下劃線從...

  antz 2019-08-23 12:01 評(píng)論0 收藏0
• 

  tab 切換下劃線跟隨實(shí)現(xiàn)

  HTML 結(jié)構(gòu)如下： 不可思議的CSS 導(dǎo)航欄 光標(biāo)小下劃線跟隨 PURE CSS Nav Underline 導(dǎo)航欄目的 li 的寬度是不固定的 當(dāng)從導(dǎo)航的左側(cè) li 移向右側(cè) li，下劃線從左往右移動(dòng)。同理，當(dāng)從導(dǎo)航的右側(cè) li 移向左側(cè) li，下劃線從...

  CODING 2019-08-30 15:54 評(píng)論0 收藏0
• 

  jQuery入門筆記之（七）插件

  插件(Plugin)也成為 jQuery 擴(kuò)展(Extension)，是一種遵循一定規(guī)范的應(yīng)用程序接口編寫出來(lái)的程序。目前 jQuery 插件已超過(guò)幾千種，由來(lái)自世界各地的開發(fā)者共同編寫、驗(yàn)證和完善。而對(duì)于jQuery開發(fā)者而言，直接使用這些插件將快速...

  defcon 2019-08-19 17:44 評(píng)論0 收藏0
• 

  2月份前端資源分享

  2月份前端資源分享 更多資源請(qǐng)Star：https://github.com/maidishike... 文章轉(zhuǎn)自：https://github.com/jsfront/mo... 1. Javascript 前端生成好看的二維碼 十大經(jīng)典排序算法(帶動(dòng)圖演示) 為什么知乎前端圈普遍認(rèn)為H5游戲和H5展示的JSer 個(gè)人整理...

  yanwei 2019-08-20 14:25 評(píng)論0 收藏0
• 

  12個(gè)用得著的JQuery代碼片段

  1. 導(dǎo)航菜單背景切換效果 在項(xiàng)目的前端頁(yè)面里，相對(duì)于其它的導(dǎo)航菜單，激活的導(dǎo)航菜單需要設(shè)置不同的背景。這種效果實(shí)現(xiàn)的方式有很多種，下面是使用JQuery實(shí)現(xiàn)的一種方式： 導(dǎo)航一 導(dǎo)航二 導(dǎo)航三 //注意：代...

  felix0913 2019-08-21 10:44 評(píng)論0 收藏0
• 

  導(dǎo)航欄 jQuery 和 native JS

  最近在練習(xí)原生JS，于是想把幾個(gè)月之前用jQuery寫的一個(gè)導(dǎo)航的功能，用原生JS實(shí)現(xiàn)一遍。 寫JS不到一年，沒做IE8兼容，求大神輕噴，有寫的不好的，求指教~~ jQuery： $(.navigation li).addClass(displayNone); $(.nav_icon).click(function(){...

  niceforbear 2019-08-22 10:59 評(píng)論0 收藏0
• 

  純 javascript 半自動(dòng)式下滑一定高度，導(dǎo)航欄固定

  滾動(dòng)條下滑一定高度時(shí)，固定指定 ID 的導(dǎo)航條。 使用方法：1、修改 FixTop() 中 id 為需要固定導(dǎo)航的相應(yīng) id ；2、修改 FixTop() 中 offsettop 為需要固定對(duì)象導(dǎo)航距離頂部的距離； 效果： 當(dāng)滾動(dòng)條下滑滾動(dòng)超過(guò)導(dǎo)航欄位置時(shí)，導(dǎo)...

  raise_yang 2019-08-20 17:06 評(píng)論0 收藏0
• 

  iphoneX適配-客戶端H5頁(yè)面

  由于iphoneX做了全面屏并且還保留一塊小劉海，因此很多以前的移動(dòng)端H5頁(yè)面需要結(jié)合App客戶端做出相應(yīng)的適配，具體如下： 1、頂部通欄 之前的客戶端一直采用狀態(tài)欄20pt+導(dǎo)航欄44pt的做法。由于iphoneX多了一塊小劉海，因此ipho...

  GitChat 2019-08-02 15:59 評(píng)論0 收藏0