原创 隨機點名(數組)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #box{ background-color:

原创 jquery實現三級導航

效果如圖 僅供參考 老規矩 ,先是css部分 ul,li{ list-style: none; padding: 0; cursor: pointer; } .yi{

原创 ajax的封裝

ajax的封裝 // 1.處理默認參數 var {type,url,success,error,data,timeout} = options; type = type || "get"; data

原创 js如何屏蔽敏感詞

js如何屏蔽敏感詞 在js中,如何將用戶輸入的敏感詞自動屏蔽呢。這很簡單,只需要用到字符串的replace()函數即可。 先在html中設置兩個文本框和一個按鈕 <input type="text" value="" id="tx

原创 用js實現翻書的動畫效果

效果圖(哈哈哈哈,博主的惡趣味請無視) css部分 <style> .y{ background-color: cornflowerblue; height: 200px; width: 300p

原创 Es6新增的Class及class繼承

class構造函數寫法 若用Es6新增的class來構造函數,則需要考慮兼容問題,要是用高版本的瀏覽器。 那麼如何用class來面對對象構造函數呢,下來來個小例子 下面這是工廠模式的面對對象構造函數寫法 function Fn()

原创 js隨機生成4位驗證碼(包括數字英文大小寫)

html部分 驗證碼<input type="text" value="" id="txt" /> <input type="button" value="刷新" id="btn" /> <input type="butt

原创 元素的拖拽效果(鼠標移動加監聽事件)

首先創建一個盒子 .box{ width:100px;height:100px; background: red; position: absolute;le