前端（html、css、js、jquery）
关注
分享
扫一扫
主要是一些易混淆的东西，以及各种样例
Less666666
不计过去，不畏将来
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
分页查询（前端分页显示）
1.效果2.代码及解释1.引入链接<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity=原创 2021-04-12 23:33:19 · 1963 阅读 · 0 评论 -
jquery实现放大镜效果
1.代码效果鼠标悬停在那里，即放大鼠标周围的一部分图片2.代码及解释原理：将原本的大图隐藏，显示其按倍数缩小的图片，当鼠标停在某一部分计算x、y的大小来显示隐藏的大图的对应位置。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <原创 2021-02-19 22:51:04 · 198 阅读 · 2 评论 -
使用正则验证表单信息
1.运行结果2.代码及解释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-02-19 21:55:38 · 187 阅读 · 0 评论 -
jquery实现拖动效果（代码+解释）
1.代码效果可以实现在网页的窗口内移动。2.代码及解释详细解释在代码下部<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini原创 2021-02-18 18:36:29 · 757 阅读 · 2 评论 -
change事件实现下拉框（解释详细）
1.代码运行结果一开始默认情况：之后选择省份：后边下拉框的城市会随之改变。2.代码及注释用到的标签及事件，以及它们之间的关系：select：下拉框标签向select中添加选项时用到option标签。通过id获取当前文件的标签对象：document代表当前文件，getElementById（）通过id内容获取元素，两个合并起来的作用document.getElementById（）获取当前文件的元素并返回一个对象。为什么将hid标签对象绑定change事件？select的事件句柄（简单原创 2021-02-10 15:14:23 · 2218 阅读 · 0 评论 -
height和line-height的区别（简单易懂）
height：指定区域的高度line-height：一行的高度，简称行高。行高：两行文字之间基线的距离1.height和line-height值相同的情况当height和line-height相等时，区域中的内容居中（即区域的高度和每一行的高度一样，内容居中）如图所示：内容居中（蓝色部分是选中的部分，有背景的地方是定义的区域），有背景的地方就是区域高度（height），选中的时候蓝色部分的高度即为行高。2.对height进一步理解看下图：这里height是两倍line-heigh原创 2021-02-07 12:52:20 · 22192 阅读 · 0 评论