原创 JavaScript 本地存儲
本地存儲簡介 在HTML5中，新加入了一個localStorage特性，這個特性主要是用來作爲本地存儲來使用的 web 應用程序能夠在用戶瀏覽器中對數據進行本地的存儲 解決了cookie存儲空間不足的問題（cookie的存儲
2020-07-08 12:27:32
131
原创 基於jQuery實現幻燈片切換效果
效果圖 功能：1、幻燈片自動切換；2、點擊下方小圓點切換對應幻燈片；3、點擊左右兩側耳朵控制幻燈片切換至上一張或下一張；4、鼠標懸停幻燈片上時，幻燈片停止切換 <!DOCTYPE html> <html lang="en
2020-07-08 12:27:32
3
原创 HTML5 canvas組件
canvas簡介 canvas標籤是用來繪製圖像的 canvas本身沒有繪畫的能力，僅僅是圖形的容器，相當於一塊畫板 必須要使用腳本完成繪製：JS canvas繪畫 <!DOCTYPE html> <html lang="
2020-07-08 12:27:30
5
原创 JavaScript 音頻插件和圖表插件
howler音頻插件 配置項及事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <s
2020-07-08 12:27:30
47
原创 基於jQuery實現垂直輪播效果
效果圖 方法：使用定時器讓元素不斷替換及高度變化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>標題</tit
2020-07-02 05:46:28
1
原创 基於jQuery實現水平輪播效果
效果圖 方法：使用動畫效果，讓第一幅圖的寬度逐漸變爲0px，然後將第一幅圖添加至父元素末尾 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8
2020-07-02 05:46:28
1
原创 基於jQuery實現自動或點擊切換效果
效果圖 功能：元素自動切換，當點擊下方小圓點時，控制上方元素同步切換 方法：主要是定義一個全局變量，通過自增變化來控制自動切換效果，其中當自身顯示時，兄弟元素隱藏；給小圓點添加單擊事件，當點擊時，傳遞自身對象給單擊切換
2020-07-02 05:46:28
1
原创 jQuery 選擇器和篩選
選擇器 基本選擇器 基本選擇器 描述 $(“元素名”) 標籤選擇器 $("#id名") id選擇器 $(".類名") 類選擇器 $(“選擇器1，選擇器2，…”) 並集選擇器 $( " * "
2020-06-26 23:42:55
原创 基於JavaScript實現放大鏡效果
基於JavaScript實現放大鏡效果 描述：右側圖片必須是左側圖片的倍數大，主要是獲取鼠標相對與被觸發元素的座標位置，再通過位置定位實現效果 <!DOCTYPE html> <html lang="en"> <head
2020-06-26 04:42:35
2
原创 JavaScript 數組和對象
數組 數組：一組數據的集合，數組的每一個數據叫做一個元素 數組元素可以是任何類型，同一個數組中的不同元素可能是對象或數組 每個數組都具有一個length屬性，通過該屬性可以獲取數組長度，並且可以給一個數組lengt
2020-06-26 04:42:32
原创 JavaScript 瀏覽器對象BOM
瀏覽器對象 BOM BOM是browser Object Model的縮寫，簡稱瀏覽器對象模型 BOM由一系列相關的對象構成，並且每個對象都提供了很多方法與屬性 基本的BOM體系結構圖 BOM提供了一些訪問窗口對象的一些方
2020-06-26 04:42:32
原创 JavaScript 獲取元素及事件
使用ID獲取元素對象 document.getElementById( “ID” );：返回文檔中一個指定ID的元素對象，用於精確獲取；若找到則返回該元素對象，否則返回null 獲取或設置元素內容 元素對象.innerT
2020-06-26 04:42:31
1
原创 JavaScript 時間、數字、字符串方法
時間 Date是JavaScript的內置對象，系統在Date對象中封裝了與日期和時間相關的屬性和方法 Date使用UTC1970年1月1日開始經過的毫秒數來存儲時間 GMT 格林尼治時間 UTC 國際協調時間 創建時
2020-06-26 04:42:31
1
原创 JavaScript Document對象DOM
Document對象 DOM 描述 每個載入瀏覽器的HTML文檔都會成爲Document對象 Document對象使我們可以從腳本中對HTML頁面中的所有元素進行訪問 Document 對象是 Window 對象的一部分
2020-06-26 04:42:31
1
原创 JavaScript 變量及數據類型
變量聲明 常量 常量是始終不能被改變的數據。比如：數字123可以是常量，字符串“hello”也是一個常量 常量通常用來表示固定不變的量，比如圓周率，萬有引力常量 變量 從字面上看，變量是可變的量；從編程角度講，變量是用於
2020-06-16 02:52:55