在看了它內部的實現之後，雖然沒完全看懂哈，但是基本功能都看的差不多了。然後就根據它的底層實現，自己學著將之前寫的**進行了封裝，相當於高階版。
做法：先根據需求定義好自己要用到的一些方法；其次將所有方法按照邏輯思維都依次羅列出來，先不填充方法體；然後根據需要互相呼叫方法；最後再根據要實現的功能填充之前定義好的方法。說實話，封裝之後的**看起來思路更加明確，**層次清晰可見，不會將冗餘的**都放在乙個function中包裹起來。同時也減少了**復用，提高**的利用效率。這是自己最直觀的感受。
剛開始嘗試封裝方法的時候，舉步維艱，花費了很多時間，不過最終還是成功了。
自己分析了一下，主要原因還是：思路不清晰；不懂得如何去封裝；沒有乙個完整的邏輯思維結構；技術掌握不熟練。
注意：在這裡首次嘗試了字型圖示iconfont的使用，如果沒有字型檔案（即iconfont.css）滑塊上的樣式就不會顯示。
引用方法：
使用位置：滑塊中的圖示樣式，即標籤
建議：
//其實這個顯示的內容就是"<
滑動解鎖
javascript 滑鼠拖動
因為滑鼠沒有拖動事件 按下滑鼠並移動 只有按下，抬起，移動。記得在之前的乙個 拖動層 的隨筆中，我實現拖動，是用的乙個布林變數,判斷是否可以拖動某元素。這兩天看了一些東西，發現不需要設這個布林變數 實現過程 按下滑鼠的時候，給文件物件 當然也可以是別的dom物件 的移動事件繫結乙個處理函式，同時也給...
JavaScript滑鼠拖動
下面先看乙個有bug的版本，就是滑鼠移動太快後方塊會跟不上滑鼠的移動，然後滑鼠就離開了方塊區域，而事件都是繫結在方塊 div 上的，所以當滑鼠離開方塊後方塊就停了下來，當滑鼠 無論是否鬆開滑鼠左鍵 回到方塊區域方塊又會跟著滑鼠移動。出現這種問題的原因是 系統監聽滑鼠移動的頻次小於滑鼠移動的頻次。解決...
Javascript事件物件 滑鼠拖動例項
window.event 屬性 1.srcelement 獲取事件源 2.keycode 獲取鍵盤資訊 3.clientx,clienty，滑鼠相對於視窗左上角的座標 4.screenx,screeny 滑鼠相對於螢幕左上角的座標 5.returnvalue 事件返回值 6.cancelbubble...