JQ
关注
分享
扫一扫
浅浅一笑^*^
毕业于河北工程技术专修学院，主修计算机科学与技术，学习马克思主义、哲学、C语言、思想道德修养、法律基础、人工智能软件技术基础........
展开
-
前端性能优化，jquery实现图片分页懒加载效果，详细步骤?
效果图:第一页默认10条数据,滚动条到末尾实现第二条数据（效果图:获取到的数据）初始时:(验证方法效果)懒加载:不是一次性加载完，是滚动条加载到当前才显示到图片。(数据分析:后端全部给到前端数据，会造成页面阻塞,一般后端给到前端是分页的数据,前端通过调用chunk++往上加载，实现分页)如下图:加载的数据代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g原创 2021-04-27 05:45:01 · 969 阅读 · 1 评论 -
用Jquery实现无限目录树形结构,实现的几种方式?
1.静态写法:(固定的几个目录可以用这种方法实现);效果图:代码:<!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-scal原创 2021-04-20 13:47:41 · 1474 阅读 · 0 评论 -
Jquery制作实现图片--瀑布流
效果图:代码如下:<!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"> <title>原创 2021-04-11 05:21:53 · 272 阅读 · 2 评论 -
Jquery来制作简易版的留言板.
效果图:代码如下:<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"> <title>制作留言板</title>原创 2021-04-11 02:09:44 · 3368 阅读 · 1 评论 -
模仿百度窗口实现搜索功能？
效果图:备注:// 1、点击其他任何地方，搜索列表隐藏// 2、绑定搜索接口，每键入一个值就从服务器获取数据// 3、展示搜索列表// 4、给每个搜索关键字加上链接代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2021-02-28 02:03:54 · 378 阅读 · 1 评论 -
用JQ实现自动轮播效果,鼠标移入暂停和移出继续轮播效果。
直接上图:代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图效果</title> <style> *{ margin:0;原创 2021-02-01 01:04:21 · 2209 阅读 · 2 评论 -
移动端项目的准备工作步骤流程，最详细的介绍和使用步骤。
1.拿到设计稿，先确认整个项目的流程，确认项目步骤；2.确定是用原生JS/JQ/VUE框架/UNIPP等；3.建立rem.js文件夹控制转换px；3.1说到rem自然就会想到em，我们知道em是相对于父元素的字体大小的单位，那么rem则是相对于根元素也就是元素的字体大小的单位。3.1.1有时我们会看到有些使用rem的页面里会先给页面根元素一个样式：html {font-size: 62.5%; /10 ÷ 16 × 100% = 62.5%/}：以上是未引入js的转换时的font-size设定原创 2021-01-31 16:08:57 · 607 阅读 · 1 评论 -
pc端1号店项目用JQ实现二级菜单和轮播图
效果图:代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/yihao.css"> <...原创 2020-04-25 02:33:29 · 2800 阅读 · 0 评论 -
JQ制作简单的小案列--单击事件
效果图:单击按钮实现效果代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;...原创 2020-04-23 03:03:32 · 203 阅读 · 0 评论 -
JQ制作二级菜单
效果图:css <style> *{ margin:0; padding:0; } li{ list-style: none; text-align: center; } #ul1{ ...原创 2020-04-22 04:08:31 · 441 阅读 · 0 评论 -
了解JQ的获取、节点查找、属性设置、位置尺寸
/*1.了解所有的获取和节点查找表单选择器:input 获取所有表单类型的标签:text 获取所有type属性值是text的文本框 是$("input[type='text']")的简写:password 获取所有type属性值是password的文本框:radio 获取所有的单选框:checkbox 获取所有的复选框:submit 获取所有的提交按钮:image ...原创 2020-04-20 02:46:44 · 413 阅读 · 0 评论