原创 JS 數組和對象的淺拷貝和深拷貝
JS 數組和對象的淺拷貝和深拷貝 一，數組的淺拷貝 1，淺拷貝 let arr=[1,2,3,4,5]; // es5 const tt01 = arr.slice(); const tt02 =
2020-06-30 13:03:59
原创 JS new，構造函數模式和原型模式的知識總結
JS new，構造函數模式和原型模式的知識總結 1，每個實例化的對象都有constructor屬性，指向實例的構造函數。 2，每個函數(Function)都有prototype屬性，這個屬性是一個指針，指向一個對象。 1，構
2020-06-30 13:03:59
原创 電商網站分類導航效果--CSS實現（一） 一級菜單
<title>導航菜單</title> <style> * { padding: 0px; margin: 0px; font-size: 14px; } .menu { width
2020-02-21 21:50:37
原创 tab選項卡切換效果（一）——滑過切換和點擊切換
JS代碼如下： <script> function tabMove(){ //獲取鼠標滑過或點擊的標籤和要切換的內容分類元素 var divId01=document.getElementById(
2020-02-21 21:50:37
原创 tab選項卡切換效果（三）——自動切換加滑動切換
<script> function $(id){ return typeof id==='string'?document.getElementById(id):id; } window.onl
2020-02-21 21:50:25
原创 回到頂部效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>回到頂部效果</title> <style> .box
2020-02-21 21:50:25
原创 CCS3動畫效果插件——Animae.css和WOW.js
CCS3動畫效果插件——Animae.css和WOW.js製作下拉和刷新活動的頁面，效果非常好，用法如下 基本用法 在頁面的 <head>中引入樣式文件： <head> <link rel="stylesheet" href="a
2020-02-21 21:50:25
原创 按鈕發送驗證碼等待時間效果——定時器setInterval使用
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/j
2020-02-21 21:50:25
原创 JS動態創建HTML標籤
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> functi
2020-02-21 21:50:25
原创 CSS在線字體---谷歌在線字體庫
網址：http://www.cssfontstack.com/Open-Sans 總結：在線字體樣式更多，且利於SEO 點贊 收藏 分享 文章舉報 呼呼夥伴 發佈了39 篇
2020-02-21 21:50:25
原创 電商網站分類導航效果--CSS實現（二） 二級菜單
/*二級菜單樣式*/ .show_menu{ display: none; position: absolute; z-index:4; /*設置懸浮效果*/ top: 42px; left: 318px; bo
2020-02-21 21:50:25
原创 使用setInterval函數實現簡單圖片循環播放
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> <script> var cou
2020-02-21 21:50:25
原创 CSS僞類before，after製作左右橫線中間文字效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .cont
2020-02-21 21:50:25