案例
xiaodingmao
这个作者很懒,什么都没留下…
展开
-
前端原生js*轮播图*案例面向过程+详解*
js源码 (html css 参考js类语法面向对象实现轮播图) /* 轮播图js代码 */ // 1. 获取元素 // 1-1. 获取承载图片的 imgBox const imgBox = document.querySelector('.imgBox') // 1-2. 可视窗口的盒子 const banner = document.querySelector('.banner') // 1-3. 承载焦点的盒子 pointBox const pointBox = document.queryS原创 2021-07-18 21:28:27 · 188 阅读 · 0 评论 -
原生js经典案例*轮播图
直接来代码! h5 <div class="banner" id="banner"> <ul class="imgBox"> <li class="active"><img src="" alt=""></li> <li ><img src="" alt=""></li> <li ><img sr...原创 2021-07-18 21:15:43 · 128 阅读 · 0 评论 -
前端*js经典案例*选项卡
选项卡作为前端开发必须项,下面简单做了个面向对象开发的选项卡: html5 部分 <!-- 第一个 --> <div class="box" id="box1"> <ul> <li class="active">1</li> <li>2</li> <li>3</li> </ul&原创 2021-07-18 18:17:32 · 259 阅读 · 0 评论 -
前端js经典小抽奖*点名demo
被公司点名?迟到啦? 高大上抽奖? 请看下面: 效果图 代码来了: html5 <div class="bigBox"> <ul class="box"> <!-- 根据人数渲染 <li> </li> --> </ul> <!-- 设置开始 停止 中奖者 --> <div class="btn"> .原创 2021-07-18 19:27:29 · 376 阅读 · 0 评论