练习
V________
这个作者很懒,什么都没留下…
展开
-
提问名单
let divEle = document.getElementsByTagName('div')[1];//获取显示人名的div//存储数据let arr = [ { name: '全部', info: 'a,b,c,d,e,A,B,C,D,E,1,2,3,4' }, { name: '一组', info: 'a,b,c,d,e' }, { name: '二组', i原创 2021-01-13 15:43:27 · 127 阅读 · 0 评论 -
时间函数-双色球
function suiji(min, max) { if (min > max) { [min.max] = [max, min]; } let i = Math.floor(Math.random() * (max - min) + min); return i;}function six() { let set = new Set(); while (true) { let i = suiji(1, 33);原创 2021-01-13 15:43:06 · 209 阅读 · 0 评论 -
强度判断
let spanEle = document.getElementsByTagName('span')[0];let inputEle = document.getElementsByTagName('input')[0];let divEle = document.getElementsByTagName('div')[0];let spanEle1 = [...divEle.children];inputEle.addEventListener('input', e => { le原创 2021-01-11 18:35:17 · 125 阅读 · 0 评论 -
跳动的变色小球
let screenWidth = window.innerWidth;let screenHeight = window.innerHeight;let spanEle = document.getElementsByTagName('span')[0];spanEle.style.display = 'inline-block';spanEle.style.width = 50 + 'px';spanEle.style.height = 50 + 'px';spanEle.style.bac原创 2021-01-11 18:31:39 · 151 阅读 · 0 评论 -
二级城市联动
let province = ["北京", "上海", "天津", "重庆", "河北", "山西", "内蒙古", "辽宁", "吉林", "黑龙江", "江苏", "浙江", "安徽", "福建", "江西", "山东", "河南", "湖北", "湖南", "广东", "广西", "海南", "四川", "贵州", "云南", "西藏", "陕西", "甘肃", "宁夏", "青海", "新疆", "香港", "澳门", "台湾"]let cities = new Array();cities[原创 2021-01-11 18:28:31 · 127 阅读 · 0 评论 -
淘宝详情放大镜效果
let dataArr = [{ small: "./images/imgA_1.jpg", middle: "./images/imgA_2.jpg", big: "./images/imgA_3.jpg"}, { small: "./images/imgB_1.jpg", middle: "./images/imgB_2.jpg", big: "./images/imgB_3.jpg"}, { small: "./images/imgC_1.j原创 2021-01-11 18:27:42 · 150 阅读 · 0 评论 -
拖拽元素
let divEle = document.querySelector("div");divEle.style.width = 300 + "px";divEle.style.height = 300 + "px";divEle.style.backgroundColor = "skyblue";divEle.style.position = "fixed";divEle.style.left = 0 + "px";divEle.style.top = 0 + "px";divEle.styl原创 2021-01-11 18:25:24 · 101 阅读 · 0 评论 -
简易弹幕
//获取随机数function getNum(min, max = 0) { min > max ? [min, max] = [max, min] : ""; return parseInt(Math.random() * (max - min + 1)) + min;}let divEle = document.querySelector("div");let inpEles = document.getElementsByTagName("input");inpEl原创 2021-01-11 18:24:12 · 104 阅读 · 0 评论 -
星星评分
let textArr = ["很差", "较差", "一般", "满意", "非常满意"];let starEle = document.getElementsByClassName("star")[0];let textEle = document.getElementsByClassName("text")[0];//当前被点击的星星下标let imgIndex = -1;//生成星星function createStar(num) { let str = ""; for原创 2021-01-11 18:22:17 · 112 阅读 · 0 评论 -
简易斗地主发牌器
/** * 1、生成54张牌(数字、花色) * 2、打乱54张牌 * 随机1个下标、获取牌 * 3、发牌 * 4、排序 *///生成54张牌function genPoker() { //基础数据 let pokerNum = [3, 4, 5, 6, 7, 8, 9, 10, "J", "Q", "K", "A", 2]; let pokerType = ["♦️", "♣️", "♥️", "♠️"]; let pokerKing = ["小王"原创 2021-01-11 18:13:41 · 223 阅读 · 0 评论 -
可点击切换的轮播图
//【点击左右功能,圆点的设置与移动】let imgArr = ["./lunbopics/shutter_1.jpg", "./lunbopics/shutter_2.jpg", "./lunbopics/shutter_3.jpg", "./lunbopics/shutter_4.jpg"];let artEle = document.getElementsByTagName("article")[0];//初始化图片function init() { let imgEle = doc原创 2021-01-11 18:09:07 · 232 阅读 · 0 评论 -
淘宝购物车
// 获取具体article节点let articleEle = document.getElementsByTagName('article')[0];articleEle.innerHTML = ` <div><img src="./tobaoimg/taobao_logo.gif" alt="淘宝网"></div><div> <span>您的位置</span> <span>首页</spa原创 2021-01-11 18:05:03 · 145 阅读 · 0 评论