原创 JS 利用appendChild對標籤進行排序
按照從大到小排序 appendChild: 假設父級a中已經有子節點b，那麼a.appendChild(b)的作用是：1.先將子節點b從父級a中刪除；2.再將子節點b添加到a中，放在最末尾。 <body> <butt
2020-06-26 15:58:49
23
原创 JS 事件基礎 拖拽
學習筆記： 拖拽div要發生三個事件：1.鼠標按下onmousedown; 2.鼠標移動onmousemove; 3.鼠標鬆開onmouseup; 注意事項：（1）要防止div移出可視框，要限制div移動的橫縱座標；
2018-08-28 04:46:50
1
原创 利用JavaScript製作瀑布流
今天看了網上老師關於瀑布流的教程，學習做了一個，效果如下： （1）頁面佈局： 瀑布流的特點是每一個圖片塊等寬不等高 每一個圖片塊是由三部分包裹組成： 1.一個大的div，className爲box，它有內邊距paddi
2018-08-28 04:46:50
原创 JS 運動框架 （1）緩衝運動
function getStyle(obj, name) { if(obj.currentStyle) { return obj.currentStyle[name]; } else
2018-08-28 04:46:50
1
原创 JS 運動框架2 鏈式運動
鏈式運動，在一個運動完成之後，執行函數，開始下一次運動 鏈式運動框架： function getStyle(obj, name) { if(obj.currentStyle) { return obj.c
2018-08-28 04:46:50
原创 JS 事件基礎 跟隨鼠標移動
做一個div跟隨鼠標移動 注意事項：但凡利用到clientX和clientY，一定要加scrollTop和scrollLeft，因爲clientX和clientY都是網頁可視區座標，沒有加被滾動區間的座標 <style>
2018-08-28 04:46:50
1
原创 JS 運動框架（3） 完美運動框架
完美運動框架 function getStyle(obj, name) { if(obj.currentStyle) { return obj.currentStyle[name]; } e
2018-08-28 04:46:50
1
原创 JS 事件基礎 高級拖拽
在js事件拖拽中，爲解決IE下拖動的問題，要使用事件捕獲 <script> window.onload=function() { var oDiv=document.getElementById('div1');
2018-08-28 04:46:50
4
原创 JS 利用appendChild對<li>標籤進行排序
按照從大到小排序 appendChild: 假設父級a中已經有子節點b，那麼a.appendChild(b)的作用是：1.先將子節點b從父級a中刪除；2.再將子節點b添加到a中，放在最末尾。 <body> <button i
2018-08-28 04:46:49
原创 JS 事件基礎 創建滾動條
利用拖拽的方法創建一個滾動條 <style> #iparent{ width: 800px; height: 20px; background-color: gray
2018-08-28 04:46:49
原创 JS 事件基礎 邊框拖拽
在拖拽中，使用邊框拖拽，即在拖拽開始時，物體的邊框先走，等移動停止後，物體在過去： <style> #div1{ width: 200px; height: 200px; background-col
2018-08-28 04:46:35
原创 js封裝一個函數用於提取具有相同className的元素
js封裝一個函數用於提取具有相同className的元素 function getByclass(oParent,sClass){ var aResult=[]; var aEle=oParent.getE
2018-08-28 04:46:35
原创 JS 運動基礎 提示欄拉出與隱藏
效果： 鼠標移到提示欄，自動拉出提示欄 <style> *{ padding: 0; margin: 0; } #div1{ width: 15
2018-08-28 04:46:35