原生JS實現下拉選項效果

2021-10-02 01:46:02 字數 683 閱讀 8700

// html

愛好學習

....

// js

(function()

})hasclassname(targetparentnode, 'active')

? removeclass(targetparentnode, 'active')

: addclass(targetparentnode, 'active');

})//獲取所有兄弟元素

function siblings(elm)

}return brothers;

} // 是否包含某個classname

function hasclassname(obj, name)else

} // 新增classname

function addclass(elem, classname)

} // 移除classname

function removeclass(elem, classname)

})()

// 含有classname 首尾有空白符或者什麼都沒有的的字串

// ^|\\s+ 表示什麼都沒有(起始位置)或者 空白符

// \\s+|$ 表示 空白符或者什麼都沒有(結束位置)

原生JS實現下拉載入

tips 實現的原理是通過獲取 獲取滾動條當前的位置 獲取當前可視範圍的高度 獲取文件完整的高度 一 獲取滾動條當前的位置 獲取滾動條當前的位置 function getscrolltop else if document.body return scrolltop 二 獲取當前可視範圍的高度 獲取...

php下拉選項登入 JS實現下拉列表登入註冊彈窗

這次給大家帶來js實現下拉列表登入註冊彈窗,js實現下拉列表登入註冊彈窗的注意事項有哪些,下面就是實戰案例,一起來看一下。margin 0px padding 0px menu width 1100px height 30px background image url img 魅力羅蘭music炫圖...

原生js canvas實現下雪效果

控制下雪 function snowfall snow this.maxflake snow.maxflake 200 最多片數 this.flakesize snow.flakesize 10 雪花形狀 this.fallspeed snow.fallspeed 1 墜落速度 相容寫法 reque...