原创 簡單的移動端菜單欄滑屏demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta http-equiv="X-
原创 三級聯動
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>省市的三級聯動的菜單</title> <script src="../jq
原创 拖放=>實現兩個div內容互換
<!DOCTYPE HTML> <html> <head> <style type="text/css"> #div1 {float:left; width:100px; height:35px;
原创 h5讀取圖片操作
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .info{ width: 50
原创 手風琴效果
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <ti
原创 鼠標右鍵 左鍵 滾輪事件
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <ti
原创 3d切割輪播圖
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <ti
原创 寫一個全局的方法替換字符串中相應位置的內容
(function(window){ function fn(str){ this.str=str; }
原创 h5表單效果 小案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
原创 3D導航欄demo
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{
原创 currentStyle,runtimeStyle,getComputedStyle style
引入currentStyle,runtimeStyle,getComputedStyle style 標準的樣式,可能是由style屬性指定的! runtimeStyle 運行時的樣式!如果與style的屬性重疊,將覆蓋style的屬
原创 圖片懶加載
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
原创 通用的事件偵聽器函數
// event(事件)工具集,來源:https://github.com/markyun markyun.Event = { //
原创 獲取頁面的寬高
1 窗口的滾動事件 function scroll() { return { top: window.pageYOffset || document.documentElement.scrol
原创 原生js封裝獲取上/下一個兄弟節點
//獲取下一個兄弟元素的兼容函數 function getNextElement(element) { if (element.nextElementSibling) { return element.nextEl