- 博客(8)
- 收藏
- 关注
RSS订阅原创 简单计时器(面向对象)
整体实现效果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
434
原创 简单的滚动轮播图
整体实现效果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
162
原创 原生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
211
原创 原生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
279
原创 商品页放大镜
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
105
原创 面向对象的分页器
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
218
原创 面向对象的轮播图
1.html布局<body> <div class="carousel"> <!-- 背景图 --> <ol> <li class="chuxian"></li> <li></li> <li></li> </ol> <!-
2022-05-19 19:10:44
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人