2021年12月26日
粘性定位
摘要： position粘性定位sticky position:sticky粘性定位 sticky是css定位中不太常用的一种定位，但是可以根据粘性定位的特性 在页面中达到你想要的效果。 像是某些网站，在主导航栏下面还会有副导航栏，要实现页面往下拉，副导航栏一直定位在页面顶部，除了可以用js监听onscro 阅读全文
posted @ 2021-12-26 08:56 赴人间惊鸿艳 阅读(786) 评论(0) 推荐(0)
ES6技术基础讲解
摘要： ES6基础 一、新的变量声明方式 let/const 与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。 通过2个简单的例子来说明这两点。 { let a = 20; } console.log(a); // a is not defi 阅读全文
posted @ 2021-12-26 08:51 赴人间惊鸿艳 阅读(91) 评论(0) 推荐(0)
实用js实现轮播图
摘要： js实现轮播图 1.原理： 将一些图片在一行中平铺，然后计算偏移量再利用定时器实现定时轮播。 2.实现步骤： 步骤一：建立html基本布局 如下所示： <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>轮播图</title></hea 阅读全文
posted @ 2021-12-26 08:44 赴人间惊鸿艳 阅读(507) 评论(0) 推荐(0)
利用jquery制作分页器
摘要： 利用jquery制作分页器 1.使用说明需要使用jQuery库文件和JQuery Pager库文件 2.素材准备分页器CSS样式文件，可复制如下CSS样式，可命名为Pager.css #pager ul.pages { display:block; border:none; text-transfo 阅读全文
posted @ 2021-12-26 08:36 赴人间惊鸿艳 阅读(610) 评论(0) 推荐(0)
2021年12月14日
数组
摘要： JavaScript中创建数组有两种方式 （一）使用 Array 构造函数： var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","T 阅读全文
posted @ 2021-12-14 09:27 赴人间惊鸿艳 阅读(52) 评论(0) 推荐(0)
拖拽
摘要： Javascript自由拖拽类 基本拖拽 1 2 3 4 5 6 7 8 9 new Dragdrop({ target 拖拽元素 HTMLElemnt 必选 bridge 指定鼠标按下哪个元素时开始拖拽，实现模态对话框时用到 dragable 是否可拖拽 (true)默认 dragX true/f 阅读全文
posted @ 2021-12-14 09:22 赴人间惊鸿艳 阅读(186) 评论(0) 推荐(0)
条件语句与循环语句
摘要： 默认情况下，javascript解释器依照语句的编写顺序依次执行。而javascript中的很多语句可以改变语句的默认执行顺序。本文介绍可以改变语句默认执行顺序的条件语句、循环语句。 条件语句 脚本的威力体现在它们可以根据人们给出的各种条件做出决策，javascript使用条件语句来做判断 条件语句 阅读全文
posted @ 2021-12-14 09:16 赴人间惊鸿艳 阅读(386) 评论(0) 推荐(0)
定时器
摘要： js定时器 使用setTimeout & set Interval创建的定时器可以实现有趣且有用的功能，刚开始学习可能对Javascript的定时器有误解，认为它们是线程，其实Javascript是运行于单线程中的，而定时器仅仅是计划在未来的某个时间执行，而具体的执行时间是不能保证的，因为在页面的生 阅读全文
posted @ 2021-12-14 08:57 赴人间惊鸿艳 阅读(100) 评论(0) 推荐(0)
2021年11月21日
基础js动画
摘要： 获取元素的样式 getStyle函数 此函数返回的是一个字符串，需要调用 parseInt() 或者 parseFloat() 将返回的结果转换为数字值。 动画分类 1.简单动画 2.缓冲动画 3.透明度动画 注意 使用 getStyle 函数获取的 opacity 属性是一个浮点数，不能使用 pa 阅读全文
posted @ 2021-11-21 22:04 赴人间惊鸿艳 阅读(98) 评论(0) 推荐(0)
css浮动
摘要： 一.页面布局方式 主要包括：文档流、浮动层、float属性 文档流： HTML页面的标准文档流是HTML中元素在计算布局排版的过程中,所有处于文档流中的元素会自动的从左到右(非块级元素),从上到下(块级元素)的排列规则。 浮动层： 给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父 阅读全文
posted @ 2021-11-21 21:55 赴人间惊鸿艳 阅读(89) 评论(0) 推荐(0)