![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
案例
牛先森家的牛奶
语言只是一门工具
展开
-
独立出来的几种轮播图写法
轮播图的几种写法轮播图的几种写法第一种方法——轮播图加动画函数(推荐这种)index.jsanimate.js(注意:不同于下面的封装动画函数)index.htmlindex.css样式第二种方法——轮播图加动画函数(封装的动画函数较麻烦)animation.js文件html和js代码第三种方法——面向对象的轮播图加动画函数如果没有小圆圈的情况(注意为了方便 这里先引用jQuery的动画函数)如果有小圆圈的情况(注意为了方便 这里先引用jQuery的动画函数)轮播图的几种写法第一种方法——轮播图加动画函原创 2020-07-12 18:31:03 · 565 阅读 · 0 评论 -
动画之匀速加速减速缓冲运动(加轮播图)
动画动画匀速运动加速匀速减速运动缓冲运动(在某个区间内做减速运动)封装缓冲运动的函数动画动画必须和定时器一起实现匀速运动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document原创 2020-07-02 15:40:22 · 1375 阅读 · 0 评论 -
ES6中Set和Map的使用(数组字符串去重)
Set对象Set概念:Set 集合,类似于数组,但是成员的值都是唯一的,可自动去重Set创建:new Set(值) 但是得出来的不是一个数组,Set使用: let set = new Set(值)Set方法:add(value) 往Set创建的变量中添加成员delete(value) 删除某一个值has(value) 判断一个值存不存在,返回布尔值clear() 清除所有的成员<script> // 数组去重 // var arr = [1, 2, 3原创 2020-06-30 21:54:57 · 754 阅读 · 0 评论 -
04-DOM和事件案例分析
DOM和事件案例分析可编辑表格事件委托实现表格的复制和删除右键菜单事件发送信息案例根据数据生成表单可编辑表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态生成表格</title> <style> table { margin-top: 20px; width: 800px;原创 2020-06-28 23:10:44 · 447 阅读 · 0 评论 -
03-定时器分析
动态进度条案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box { width: 8原创 2020-06-21 23:07:51 · 316 阅读 · 0 评论 -
02-渲染数据分析
数组和对象的结合<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> ul { display:原创 2020-06-21 23:07:31 · 144 阅读 · 0 评论 -
01-事件案例分析
事件案例分析任意表格案例反选和全选和不选点击按钮实现选项卡不同随机给body生成背景色任意表格案例<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table { width: 100原创 2020-06-21 23:07:08 · 383 阅读 · 0 评论 -
说点js平易算数题
js算法题:求三个数的大小,并按从小到大输出 var min = Number(prompt('请输入三个值的第一个值:')) var center = Number(prompt('请输入三个值的第二个值:')) var max = Number(prompt('请输入三个值的第三个值:')) function sort() { // 定义三个变量来接收相应的值 // 假设第一个值为最小值 var min = arguments[0]原创 2020-06-21 22:53:30 · 444 阅读 · 0 评论 -
写页面几个常见版心构思
导航栏版块先看几组企业站导航栏样式图:发现大部分导航栏无外乎包括有logo、介绍栏、搜索框、登录信息等等下面我就写一款简单,先了解下这部分在页面中如何书写代码 (注意仅是简单展示方法,暂时不作其他交互效果,以便初学者参考,大佬可忽略。。。)简单实现原理:这里我用的是 ul>li>a 的方式(有更好的话可以交流,也更方便学习)用无序列表ul写外围结构给ul嵌套li和a样式给li添加浮动给li添加大小调整文本大小html结构 <!-- nav的版心 --&g原创 2020-05-19 08:36:27 · 1979 阅读 · 0 评论 -
原生js手机号登录验证页面
手机号登录验证 <div class="modal_content"> <h5>绑定用户信息!</h5> <div> <label for="phone1">注册手机号:</label><br /> <input id="phone1" type="text" a...原创 2020-05-02 09:32:08 · 1433 阅读 · 0 评论 -
仿京东秒杀倒计时
仿京东秒杀倒计时html代码<div id="box"> <div class="txt">秒杀倒计时</div> <div class="hour"></div> <!-- 小时与分钟之间的冒号 --> <span class="h_m">:&...原创 2020-03-11 12:12:00 · 975 阅读 · 2 评论