原创 簡單的移動端菜單欄滑屏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