JunerFan-CSDN博客

原创渐变颜色小练习

渐变颜色——小练习点击依次变色<!DOCTYPE html><html><head><script src="//code.jquery.com/jquery-2.1.1.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title></head><body> <div class="red"&g

2020-05-24 22:37:59 327

原创如何实现点击别处关闭浮层（一）

如何实现点击别处关闭浮层（一）准备最简单的浮层点击按钮出浮层。代码`<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title></head><body> <div id="wrapper" class="wrapper"> <button id="clickMe">点我

2020-05-12 13:52:37 681

原创如何用jQuery做一个无缝轮播

如何用jQuery做一个无缝轮播1.思路设定一个显示窗口，图片在窗口显示后则到图片队列排队。实现无缝轮播。1.1 两个图片轮播将图片一和二实现轮播，先将图片一二设为相对定位，然后利用jQuery添加css样式。两秒实现一次转换。两秒的时候，图片一二一起移位，看起来像轮播。//利用jQuery添加样式setTimeout(function () { $('.images>i...

2020-05-02 21:05:21 214

原创如何用jQuery做一个简单的轮播（二）

如何用jQuery做一个简单的轮播（二）针对（一）中的轮播，我们采取一些改进。不仅仅局限于三张图片如何实现自动轮播如何封装函数改进一针对图片数量增多的问题，如何不改变代码实现轮播的问题，我们可以通过得到第几个按钮来判断移动的宽度。var allButtons=$('#buttons>span')for(let i=0; i<allButtons.length;i+...

2020-04-30 17:48:41 157

原创如何用jQuery做一个简单的轮播（一）

如何用jQuery做一个简单的轮播（一）1.原理利用两个div,一个包含三个图片，另一个则只有一个图片宽高，超过的部分则隐藏起来。2.代码2.1 HTML<!DOCTYPE html><html><head><script src="//code.jquery.com/jquery-2.1.1.min.js"></script...

2020-04-28 15:34:18 239

原创如何自己动手写一个jQuery的API

如何自己动手写一个jQuery的API1.关于jQueryjQuery就是接受一个节点或者一个选择器，返回一个方法对象去操作节点。jQuery是一个JavaScript函数库。2.API实现的功能实现一个获取节点的API，并且拥有添加类名的方法，添加文本的方法，获取除自己的兄弟节点。3.封装函数3.1 获取节点function(nodeOrSelector){ let nodes...

2020-04-25 17:46:26 286

原创如何利用JS实现点击标签完成网页滑动到相应位置

如何利用JS实现点击标签完成网页滑动到相应位置找到需要点击的所有a标签，放到一个类里面，这是简易版的滑动，匀速滑动。<script> let aTags= document.querySelectorAll('nav.menu > ul>li>a'); //讲所有a标签放到aTags类中 for (let i=0; i<aTags.len...

2020-04-17 13:19:23 1280 1

原创如何将本地文件上传到Github

如何将本地文件上传到Github如何将我们这个文件01JS基础知识上传到 GitHub 呢？首先注册Github ,这里不做介绍了，有空可以补充一下；在 GitHub 上新建一个空仓库，名称随意，一般可以跟本地目录名一致，我这个称作resume；点击右上角的+号，选择第一项。出现下面的界面，只要写仓库名即可，创建一个空仓库；此时产生两个地址，随便选择哪种地址，这里选择SSH；打...

2020-03-20 23:22:06 179

weixin_43918109的博客