- 博客(8)
- 收藏
- 关注
原创 简单计时器(面向对象)
整体实现效果 1.JS代码 需要引入工具库,链接:http://t.csdn.cn/FbAbQ <script src="js/utils.js"></script> <script> function Jishi(){ this.biao=document.createElement('div') document.body.appendChild(this.biao) setStyle(this.biao,{ wi.
2022-05-23 09:06:03 374
原创 简单的滚动轮播图
整体实现效果 1.整体html布局 <body> <div class="box"> <ul class="Ul"> <li><img src="images/1.jpg" alt=""> <p>好浪漫!狮子猎豹蹲坐"彩虹尽头"</p> </li> <li>...
2022-05-23 08:58:01 97
原创 原生js放烟花
<style> *{ margin: 0; padding: 0; } body,html{ height: 100%; } </style> body中不用写结构,全部由js动态创建 <script src="js/utils.js"></script> <script> function Firework(){ this.box=document.createElement('div..
2022-05-19 19:42:14 154
原创 原生js工具库
/** * 获取随机数的函数 * @param {number} a 表示范围的数字 * @param {number} b 表示范围的数字 * @returns number 范围内的随机数 */ function getRandom(a, b) { var max = a var min = b if(a<b) { max = b min = a } var num = parseInt(Math.random().
2022-05-19 19:41:35 231
原创 商品页放大镜
1.布局结构 <body> <div class="box"> <div class="middle"> <img class="active" src="images/middle1.jpg" alt=""> <img src="images/middle2.jpg" alt=""> <div class="cover"></
2022-05-19 19:33:34 68
原创 面向对象的分页器
1.首先准备放分页器的容器 <body> <div class="container"> </div> </body> 2.js代码 <script> function Page(classname, pageObj = {},array) { this.container = document.querySelector(`.${classname}`) this.bo
2022-05-19 19:26:58 150
原创 面向对象的轮播图
1.html布局 <body> <div class="carousel"> <!-- 背景图 --> <ol> <li class="chuxian"></li> <li></li> <li></li> </ol> <!-
2022-05-19 19:10:44 62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人