会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
博客zhu虎康
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
3
4
5
6
7
8
9
10
11
12
下一页
2021年9月21日
JS练习_鼠标移入显示大图
摘要: 演示: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>随鼠标显示大图</title> <style> .picture-list img{ width: 320px; height: 160px;
阅读全文
posted @ 2021-09-21 12:11 博客zhu虎康
阅读(354)
评论(0)
推荐(0)
2021年9月20日
JS练习_轮播图,实现滚动效果
摘要: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM操作轮播图</title> <style> .swiper{ width: 640px; height: 320px; overflow: hid
阅读全文
posted @ 2021-09-20 18:36 博客zhu虎康
阅读(119)
评论(0)
推荐(0)
JS练习_点击一次设置,再次点击取消设置
摘要: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM通过class属性设置样式</title> <style> .active{ background-color: red; } </style>
阅读全文
posted @ 2021-09-20 16:22 博客zhu虎康
阅读(372)
评论(0)
推荐(0)
JS练习_轮播图
摘要: 思路: 思路: * 1、设定一个imagesSrcList集合,存放图片存储路径 * 2、通过DOM获取img标签 * 3、通过DOM获取所有button按钮标签 * 4、循环遍历btns,设置onclick点击事件函数,更换图片路径 源码: <!DOCTYPE html> <html lang="
阅读全文
posted @ 2021-09-20 11:00 博客zhu虎康
阅读(94)
评论(0)
推荐(0)
2021年9月16日
JS练习_正则表达式
摘要: 正则表达式可以用来匹配字符串。 通过正则表达式,可以实现字符串的截取或按规则替换和验证字符串内容。 例1:验证邮箱格式 // var reg = new RegExp("123");//创建正则表达式 // var reg = /123/;//简写 var str = "xiaohu@163.com
阅读全文
posted @ 2021-09-16 17:25 博客zhu虎康
阅读(120)
评论(0)
推荐(0)
JS练习_计时器
摘要: <script> var n =0; setInterval(function (){ console.log(n++); },1000); </script>
阅读全文
posted @ 2021-09-16 14:01 博客zhu虎康
阅读(69)
评论(0)
推荐(0)
JS练习_随机获取一个名字,打印在控制台上
摘要: // 随机获取一个名字,打印在控制台上 var list = ["钢铁侠","绿巨人","美国队长","蜘蛛侠","雷神"]; var index = Math.floor(Math.random()*list.length); console.log(list[index]);
阅读全文
posted @ 2021-09-16 13:31 博客zhu虎康
阅读(526)
评论(0)
推荐(0)
2021年9月12日
JS练习_reduce()数组去重
摘要: 初始化一个空数组,判断下一个元素是否在当前数组中,不存在则添加到当前数组中。 // 数组去重 var arr = [12, 34, 34, 342, 345, 34, 123, 345, 45, 12] var newArr = arr.reduce(function (prev, next) {
阅读全文
posted @ 2021-09-12 17:34 博客zhu虎康
阅读(82)
评论(0)
推荐(0)
JS练习_reduce()求数组中最大值或最小值
摘要: // 获取数组中最大值 var arr = [134798, 3478973, 12, 345, 355, 425, 1342356, 3425566, 7908798] var max = arr.reduce(function (prev, next) { return Math.max(pre
阅读全文
posted @ 2021-09-12 17:33 博客zhu虎康
阅读(326)
评论(0)
推荐(0)
JS练习_reduce()数组中元素求和
摘要: 将0当做reduce回调函数中的初始值,然后依次累加 // 数组求和 var arr = [1, 2, 3, 4, 5] var total = arr.reduce(function (prev, next) { return prev + next }, 0) console.log(total
阅读全文
posted @ 2021-09-12 17:33 博客zhu虎康
阅读(718)
评论(0)
推荐(0)
上一页
1
···
3
4
5
6
7
8
9
10
11
12
下一页
公告