原创 JS貪喫蛇小遊戲
JS貪喫蛇小遊戲： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style>
2020-07-06 13:27:39
原创 獲取節點的常見方法
//獲取當前節點的父級節點 console.log(obj.parentNode); //獲取當前節點的父級元素 console.log(obj.parentElement); //獲取當前節
2020-07-06 13:27:39
原创 JS offset系列 scroll系列 client系列
offset系列： offsetWidth:獲取元素的寬 offsetWidth=(border-width)*2+(padding-left)+(width)+(padding-right) offsetHeight:獲取元素
2020-07-06 13:27:39
原创 綁定事件和解綁事件
綁定事件： 1.對象.on+事件類型=事件處理函數 對象[on+事件類型]=事件處理函數 2.對象.addEventListener(事件類型 , 事件處理函數 , false) //火狐 谷歌 IE11支持 IE8 不支持 3
2020-02-27 01:26:55
原创 固定導航欄
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin:
2020-02-27 01:26:45
原创 元素隱藏幾種方法
設置 display =“none” ，這種不佔位置 設置 visibility=“hidden” ,這種佔位置 設置opacity=0,這種佔位置 設置 height=0；border=0;margin=0; 這種佔位置，文字
2020-02-27 01:26:45
原创 JS自定義滾動條
代碼： <style> * { margin: 0; padding: 0; } .box { width: 300px; height: 400px; border: 1p
2020-02-27 01:26:45
原创 手風琴輪播圖
代碼： <style> ul { list-style: none; } * { margin: 0; padding: 0; } div { width: 1150px;
2020-02-27 01:26:45
原创 BOM的window屬性 計時器
地址欄上#及後面的內容 console.log(window.location.hash); 主機名及端口號 console.log(window.location.host); 主機名 console.log(window.lo
2020-02-27 01:26:45
原创 構造函數、實例對象和原型對象之間的關係
1.構造函數可以實例化對象 2.構造函數中有一個屬性叫prototype,是構造函數的原型對象 3.構造函數的原型對象(prototype)中有一個constructor構造器,這個構造器指向的就是自己所在的原型對象所在的構造函數
2020-02-27 01:26:45
原创 java實現簡易的驗證碼功能
ResponseServlet.java: @WebServlet("/responseServlet") public class ResponseServlet extends HttpServlet { @Over
2019-07-30 06:20:59
原创 Java 一個簡單計算器
代碼： import javax.swing.*; import java.awt.*; //創建一個計算器實例，並進行測試 public class CalculatorPanelTest { public static
2019-04-10 07:15:39
原创 H5C3----3D輪播圖
代碼： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w
2019-03-14 03:51:02
2
原创 H5-----canvas絢麗的時鐘
canvas絢麗的時鐘（特效仿慕課網波波老師倒計時特效）： <!DOCTYPE html> <html lang="en" style="height: 100%"> <head> <meta charset="UTF-8">
2019-03-12 02:46:58