- 博客(13)
- 收藏
- 关注
RSS订阅原创 jQuery实现穿梭框效果
简介：今天给大家带来穿梭框的实现一，布局的实现 <div id="box"> <div id="boxleft"> <ul id="left_ul"> </ul> </div> <div id="boxbtn"> <button id="btn_right">>>>><
2021-01-18 20:58:04
846
2
原创 jQuery实现选项卡效果
简介：实现点击ul下面的li切换下面的div00：导入jQuery<script src="jquery-3.5.1.js"></script>一，布局实现 <ul id="uls"> <li class="active">首页</li> <li>分类</li> <li>展示</li> </ul> <div
2021-01-15 21:04:59
730
2
原创 jQuery实现隔行变色
简介：这里我主要用到了jQuery的两个方法odd(偶数),even(奇数)一，html页面 <form> <div> <label>姓名</label> <input type="text" id="name"> </div> <div> <label>年龄</label>
2021-01-13 19:43:06
2572
13
原创 实现上一页和下一页的效果
一，简介：主要实现了当前页面数据三条进行上一页和下一页首页末页之间的切换1:定义数据 //定义数组中的数据 var arr = ["aa", "bb", "cc", "dd", "ee", "ff", "gg", "hh", "ii", "jj" ]2，设置页面的属性 //当前页数 var page = 1; //页面条数
2021-01-09 21:16:07
2819
5
原创 原生ajax请求的步骤
ajax的理解ajax == Asynchronous javascript and xml (异步的 JavaScript 和 XML)不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容一、创建 ajax 请求对象 var xhr= new XMLHttpRequest();二、创建连接xhr.open("请求方式","请求地址",异步true/同步false);三、发送请求xhr.send();4、监听请求状态改变xhr.onreadystatechange=
2020-12-31 19:51:22
264
原创 jQuery实现放大镜效果
简介：这里我使用了一张本地图片，每当鼠标移动到图片上，生成另一张图片也就是放大后的一块区域一引入jQuery <script src="jquery-3.5.1.js"></script>二，图片的样式<style> *{ margin: 0; padding: 0; } #box{ width: 200px; he.
2020-12-29 21:41:51
378
2
原创 jQuery实现轮播图效果
介绍：这里是我使用了计时器的方式实现图片每隔几秒切换然后添加了两个按钮用于上一张和下一张的切换`1，导入jQuery文件 <script src="jquery-3.5.1.js"></script>2，设置图片的样式 <style> *{ margin: 0; padding: 0; } #box{ width: 300px; .
2020-12-25 19:55:55
5713
11
原创 jQuery实现复选框全选和不全选
一，导入jQuery.js <script src="jquery-3.5.1.js"></script>二，布局的搭建 <h1>全选<input type="checkbox" id="all"></h1> <ul id="ul"> <li> <input type="checkbox" value="11" class="checkone">
2020-12-23 19:51:45
541
4
原创 JS几种常用的设计模式
一 ，什么是工厂模式由一个工厂对象决定对象创建某一种产品对象的的实例。主要用来创建同一类对象。 function student(name,age,sex){ var obj={"name":name, "age":age, "sex":sex, "say":function(){ console.log("我喜欢吃",this.
2020-12-21 21:57:11
554
1
原创 jQuery实现图片的懒加载
一 ，懒加载技术懒加载（LazyLoad）是前端优化的一种有效方式，极大的提升用户体验，图片一直是页面加载的流浪大户，现在一张图片几兆已经是很正常的事，远远大于代码的大小。原理：页面加载后只让文档可视区内的图片显示，其它不显示，随着用户对页面的滚动，判断其区域位置，生成img标签，让到可视区的图片加载出来。.二， 为什么要懒加载？懒加载是一种网页性能优化的方式，它能极大的提升用户体验。就比如说图片，图片一直是影响网页性能的主要元凶，现在一张图片超过几兆已经是很经常的事了。如果每次进入页面就请求所.
2020-12-18 22:00:06
871
2
原创 js数组中的几种排序
1.冒泡排序`//每轮依次比较相邻两个数的大小，后面比前面小则交换var b=0//设置用来存儲调换位置的值var a=[1,9,33,2,5,34,23,98,14]//冒泡排序for(var i=0;i<a.length;i++){ for(var j=0;j<a.length;j++){ if(a[j]>a[j+1]){ b=a[j] a[j]=a[j+1] a[j+1]=b
2020-12-16 20:02:24
649
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人