JS
关注
分享
扫一扫
sunnyday.qiu
学无止境
展开
-
JS小案例_乘法表
乘法表案例纯JS<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>乘法表</title> <style> table { /*使用细边框样式*/ border-collapse: collapse; } td {原创 2020-06-28 11:18:36 · 165 阅读 · 1 评论 -
JS小案例_省市级联
省市级联案例使用原生JS实现使用JQuery和AJAX实现<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>省市联动</title></head><body><select id="province"> <option>--请选择省份--</opti原创 2020-06-28 11:16:47 · 264 阅读 · 1 评论 -
JS小案例_普通分页
知识点瀑布流无限加载页面分页案例在上面的案例基础上增加了前端分页插件 jquery.simplePagination.js simplePagination.css //插件展示所需元素（） <div class="pagination-holder clearfix"> <div id="light-pagination" class="pagination"></div> </div>原创 2020-06-28 11:05:22 · 268 阅读 · 0 评论 -
JS小案例_瀑布流无限加载数据分页
案例的分析如何确定当前显示的数据已经浏览完毕？ 公式：(滚动条距底部的距离 + 滚动条上下滚动的距离 + 当前窗口的高度) >= 当前文档的高度所需知识点前端： scroll() 鼠标滚动事件 $(window).height() 当前窗口的高度 $(window).scrollTop() 滚动条上下滚动的距离 $(document).height() 当前文档的高度后台： mybatis分页插件 查询结果封装为JSON格式实现代码（前端）<!DOCTY原创 2020-06-28 10:54:06 · 618 阅读 · 0 评论 -
JS小案例_简易点名系统
成品预览需求： - 动态显示当前时间； - 随机点名；实现步骤： - 1. ajax异步加载获取名单； - 2. 循环添加名字到页面； - 3. 设置两个循环定时器，一个实现实时显示当前时间；另一个设置为“点击点名”按钮的点击事件，将时间间隔设置较短，利用随机数+取余来定位名字； - 4. 设置“点击停止”按钮的点击事件，禁用“点击点名”按钮，停止计时器实现代码<!DOCTYPE html><head> <title>简易点名系统<原创 2020-06-23 20:05:23 · 548 阅读 · 0 评论