自学笔记
ZhouNanYo
这个作者很懒,什么都没留下…
展开
-
jq写简易日历
css部分样式: * { margin: 0; padding: 0; list-style: none; } li.disabled { background: #eee; color: #ccc; cursor: not-allowed; } .container { border: 1px solid #ccc; margin:原创 2020-07-03 09:12:19 · 251 阅读 · 0 评论 -
jq写简易飞机大战
用jq表现出简易飞机大战效果 其html和css样式: <h1 class="score">0</h1> <div class="container"> <div class="plane"></div> </div> css: .container { width: 500px; position: relative; h原创 2020-07-03 09:09:46 · 325 阅读 · 0 评论 -
JQ做出轮播图效果&&打星评价效果&&tab切换
用JQ做出轮播图效果,效果图如下 body部分: css部分样式: js部分: $(function () { let i = 0 let timer = null function run() { timer = setInterval(() => { if (++i === 4) i = 0 $('.imgs li').eq(i).sho原创 2020-06-30 08:58:20 · 178 阅读 · 0 评论 -
关于滚动条的小练习
设置一个固定栏demo,滚动条下拉到顶部时固定在顶部,上拉到原来位置时复位,,,在顶部做一个进度条progressbar,进度和下拉程度成正比 <style> * { margin: 0; padding: 0; } .progressbar { height: 3px; background: skyblue; position: fixed; top: 0;原创 2020-06-26 08:56:09 · 173 阅读 · 0 评论 -
鼠标点击处创建div的小demo
先在head里写好要创建div的样式 然后写点击效果,要求鼠标点击处出现盒子,然后向上随机向左向右离开屏幕原创 2020-06-22 20:00:55 · 643 阅读 · 0 评论 -
内置对象的几个小练习
获取地址栏 age=20&pirce=30&keywords=lv&cc=1 中的keywords参数的值 let obj={} let str='age=20&pirce=30&keywords=lv&cc=1' let key= str.split('&') keys.forEach(r=>{ let kv=r.split('=') let key = kv[0] let va原创 2020-06-22 15:58:54 · 183 阅读 · 1 评论 -
js常用数组和字符串方法(萌新自学笔记)
常用的数组方法: arr.push() //在数组最后面添加 一个或者多个 元素 arr.pop() //删除数组最后一个元素 arr.unshift()// 在数组最前面添加 一个或者多个 元素 arr.shift() // 删除数组最前面的一个元素 arr.reverse() //将数组元素顺序反转 arr.slice(s,e)//数组切割 s:代表开始的下标 e:代表结束的下标 arr.splice() //从数组中删除并返回一段特定元素 arr.join() //将数组转换成字符串 默原创 2020-06-22 15:09:30 · 131 阅读 · 0 评论