原创 Js實現貪喫蛇小遊戲------Sestid

第一種: 樣式圖: 全部代碼: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>snake</title> </head> <body style=

原创 這裏有美女!!!!抖音上很火的3D立體動態相冊的實現(純CSS)

展示圖: 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>純CSS實現鼠標經過3D立體動態展示圖片特效代碼</title> <link

原创 Js實現購物車加減,價格計算等功能

需求說明: 1、單擊“半閉”按鈕時,關閉當前頁面購物車頁面 2、單擊“移入收藏”彈出收藏提示 3、單擊“刪除”彈出確認刪除提示 4、單擊“結算”按鈕,彈出結算信息頁面窗口 5、自動計算商品總計 6、單擊“刪除”按鈕,使用parentNod

原创 Js實現的俄羅斯方塊小遊戲------Sestid

詳細代碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>俄羅斯方塊</title> </head> <body> <div id = "box

原创 JavaScript四種基礎的排序方法

冒泡排序 思路: 1.依次比較相鄰的兩個數,如果第一個比第二個小,不變。如果第一個比第二個大,交換順序。一輪下來,最後一個是最大的數 2.對除了最後一個之外的數重複第一步,直到只剩一個數   function bubbleSort

原创 Js實現貪吃蛇小遊戲------Sestid

第一種: 樣式圖: 全部代碼: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>snake</title> </head> <body style=

原创 請注意查收您要的常見HTTP狀態碼(分類詳細,簡潔易懂!!!)

HTTP狀態碼 HTTP狀態碼(英語:HTTP Status Code)是用以表示網頁服務器超文本傳輸協議響應狀態的3位數字代碼。它由 RFC 2616 規範定義的,並得到 RFC 2518、RFC 2817、RFC 2295、RFC 2

原创 純CSS實現輪播圖------Sestid

效果展示 : 代碼:  <!DOCTYPE html> <html> <head> <style> html { background-color: white; width: 100%;

原创 一分鐘教你學會ajax、async/await聯調接口!!!

在實現前後臺分離之後,後臺只需要給前臺提供相應的接口(數據請求地址),而衆多的接口如果沒有很好的管理,對於開發和維護都是很不友好的,如果我們在每個頁面需要獲取數據的時候直接,通過Ajax調用傳參如: $.ajax({ url:"

原创 canvas畫布實現的集中效果

1、canvas-畫布圖片旋轉 樣式圖: 代碼:  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="./jquery.js"></scrip

原创 HTML圖像,鏈接,列表,表格等詳細介紹------Sestid

  1.html圖像img標籤的使用     <img>標籤可以在網頁上插入一張圖片,它是獨立使用的標籤,通過“src”屬性定義圖片的地址,通過“alt”屬性定義圖片加載失敗時顯示的文字,以及對搜索引擎和盲人讀屏軟件的支持。 <img

原创 CSS實現自動播放相冊------Sestid

效果展示: 以下是兩種實現方式(CSS或者js)  CSS代碼: <!DOCTYPE html> <html> <head> <style> html { background-color: black;

原创 點擊出現對應界面(第二個界面可以選擇顯示內容)------Sestid

樣式圖: 主頁代碼: 1.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="I

原创 js實現購物時選帶屬性的商品------Sestid

效果圖: 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

原创 原生js實現生成隨機驗證碼=------Sestid

效果圖: 全部代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt