原创 用css寫六邊形

div佈局<div class="box1"></div><div class="box3"></div><div class="box2"></div>css.box1{            width: 58px;         

原创 如何用js求圓的面積

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> 輸

原创 如何給前端登錄密碼進行加密

1.首先要引入jsencrypt.js 2.在登錄成功前加入const  encrypt = new JSEncrypt()                 encrypt.setPublicKey(`後臺給的祕鑰`)          

原创 使用Js打印頁面

1.添加按鈕以打印託管服務器上的pdf文件: <button type="button" onclick="printJS('docs/printjs.pdf')"> Print PDF </button> 對於大文件,您可以

原创 Jquery消息提示插件toastr

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, ini

原创 跑馬燈效果js

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8" /> <title>跑馬燈效果</title> <style type="text/css"> * { margi

原创 web前端面試題

1. 一個200*200的div在不同分辨率屏幕上下左右居中,用css實現 div  {  position:absolute;  width:200px;  height:200px;  top:50%;  left:50%;  mar

原创 jQuery操作複選框checkbox技巧總結 --- 設置選中、取消選中、獲取被選中的值、判斷是否選中等

一、checked屬性定義 先了解下input標籤的checked屬性: 1、HTML <input> checked 屬性 ◆ 定義和用法 checked 屬性是一個布爾屬性。 checked 屬性規定在頁面加載時應該被預先選定的 <i

原创 如何用html 寫八卦

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> html,body{ height:100

原创 如何用vue.js寫購物車功能

//要引入vue.js同時還有axios.min.js <script src="./homework/node_modules/vue/dist/vue.min.js"></script> <script src="./

原创 如何用css畫笑臉

Document <div class="radius1"></div> <div class="radius2"></div> <div class="radius3"></div>

原创 怎樣用vue.js實現表單驗證

要引入jq、vue.js vue.js在線網址<script src="https://unpkg.com/vue"></script> js:<script src="js/jquery.min.js"></script> <!DOCT

原创 用jq實現拖拽效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #git

原创 如何用html寫三級菜單

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="styleshee

原创 如何用js判斷平年瑞年

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> //i