台部落OileDie

html: <div class="input"> <input class="tel input_all" type="text" name="tel" placeholder="手機號"> </div> <div cl

2020-07-08 10:28:07

實現效果：完整輸入了“暗號”（一串事先定義好的字符串）時，觸發一個事件關鍵點：指定可激發特效的字符串監聽並獲取輸入的字符處理輸入，在符合條件時，觸發事件 html <!DOCTYPE html> <html lang="en

2018-09-04 16:59:01

實現效果：使網頁模擬菜單的效果，在頁面中添加新的菜品，而且在頁面刷新之後也不清空。關鍵點： Event event.preventDefault //阻止默認行 eventTarget.addEventListene

2018-09-04 16:59:01

實現效果：頁面中的文章有幾張配圖，隨着頁面上下滾動，圖片位置劃過圖片一半時，圖片從兩側滑入；圖片位置離開可見區域時，圖片向兩側滑出。、關鍵點：涉及控制圖片的 CSS 屬性： translateX 來控制左右移動 s

2018-09-04 16:59:00

實現效果：文字陰影的鼠標隨動效果關鍵點： 1.在script標籤中，我們使用3個變量，一個指向div元素，一個指向其子元素h1，最後一個變量factor用於標記陰影距離h1中心的距離和鼠標距離h1中心距離的比例，用於計算陰影的具體位

2018-09-04 16:59:00

實現效果：這個部分主要是幫助你通過不同的語句來感受在 JavaScript 中對不同類型數據的引用（Reference）和複製（Copy）的區別。由於操作在 Console 中進行，所以請直接運行頁面後打開 Console，邊編輯代碼

2018-09-04 16:59:00

實現效果：計算video的總時間。關鍵點： 1.取得所有li中data-time屬性的值，將時間換算爲秒並累加求得總時間（單位：秒）; 2.手動計算將總時間轉化爲新的格式“XX小時XX分XX秒”; 3.將結果顯示在頁面上。 jav

2018-09-04 16:59:00

實現效果：可以控制視頻的播放速度和音量大小，可以快進/快退。關鍵點：爲 video 元素添加自定義樣式的播放控制面板可滑動調節音量、播放速度可通過按鈕快進、回退可點擊視頻畫面或按鈕播放或暫停視頻播放

2018-09-04 16:59:00

實現效果：爲一組字符串數組，去除前綴進行排序。關鍵點： 1.聲明去前綴函數，使用String.replace()函數實現，第一參數使用字面量正則表達式。 function delPrefix(item){ retu

2018-09-04 16:59:00

實現效果：這一部分主要是熟悉 Array 的幾個基本方法。關鍵點： console.table（） //按照表格輸出 filter（） //過濾 --篩出運行結果是 true 的組成數組返回 map（） //map 形象的理解就

2018-09-04 16:59:00

實現效果：用 JavaScript 和 CSS3 實現拖動滑塊時，實時調整圖片的內邊距、模糊度、背景顏色，同時標題中 JS 兩字的顏色也隨圖片背景顏色而變化。 css *{ margin: 0;

2018-09-04 16:59:00

播放FLV/RTMP視頻 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link r

2018-09-04 16:59:00

效果實現：提供按下 Shift 鍵後進行多選操作的功能。關鍵點：獲取所有的 <input> 元素，並添加事件監聽 const inpts= document.querySelectorAll('.inbox input[type

2018-09-04 16:59:00

var sourceData = res.data; //你獲取到的數組 var arr = []; //創建新的數組 for (i = 0; i < res.data.length; i++) { // console.log

2018-09-04 16:59:00

實現效果：點擊任意一張圖片，圖片展開，同時從圖片上下兩方分別移入文字。點擊已經展開的圖片後，圖片被壓縮，同時該圖片上下兩端的文字被擠走。關鍵點： display: flex flex-direction justif

2018-09-04 16:58:59