摘要：
功能描述： 当滚动条滑到某个位置时，显示电梯导航； 当用户滚动滚动条时，让电梯导航的选中状态和当前滚动到的区域保持一致； 当用户点击电梯导航时，滚动条滚动到被点击导航对应的区域 准备工作： 首先将jQuery文件以及你自己的js文件引入你的html里，jq文件要放在上面 <script src="j 阅读全文
摘要：
功能描述： 自动无缝轮播图片，底部小圆点跟图片保持一致；手指左右移动轮播图，移动距离大于50px播放下一张（或上一张），小于50px则回弹 具体功能实现： 1.定时器 自动轮播图片 先声明一个index=0用来存图片索引； 添加一个定时器，每隔两秒调用一次，每调用一次定时器（图片播放一次）index 阅读全文
摘要：
功能描述： 1.鼠标经过 左右侧箭头显示，鼠标离开 箭头隐藏 2.动态添加底部小圆圈并绑定单击事件，并且让小圆圈的点击事件和左右箭头点击事件同步 3.拷贝第一张图片添加到ul最后可以实现动态添加图片 4.给箭头绑定单击事件，并且使图片可以无缝轮播 5.实现自动轮播（动画函数） 代码实现： 1.鼠标移 阅读全文
摘要：
仿淘宝回到顶部效果 需求：当滚动条到一定位置时侧边栏固定在某个位置，再往下滑动到某一位置时显示回到顶部按钮。点击按钮后页面会动态滑到顶部，速度由快到慢向上滑。 思路： 1、页面加载完毕才能执行js代码 可以将js代码写在最下边（本次回顶示例是用的这种） 想写在上边可以用下边这两种： ①window. 阅读全文
摘要：
Iconfont真的很强大，图标数量惊人，基本任意的关键词都能搜索到你想要的结果。而且是国产的，网速会比较快，还可以改变图标颜色。 它提供svg、png、ai三种格式下载，之前我一直都是乖乖的一个个下载，最近才发现了新大陆，它竟然可以制作字体图标，简直不要太好用！后悔没有早点发现！ 以下内容摘自官网 阅读全文
摘要：
事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。 DOM事件流分为三个阶段，分别为： 捕获阶段：事件从Document节点自上而下向目标节点传播的阶段； 目标阶段：真正的目标节点正在处理事件的阶段； 冒泡阶段：事件从目标节点自上而下向Document节点传播的阶段。 捕获阶 阅读全文
摘要：
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或XML）的标准编程接口。 W3C已经定义了一系列DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。 1、对于JavaScript，为了能够使JavaScript操作HT 阅读全文
摘要：
var str = 'fdhfgcsaedvcfhgfh'; var index = str.indexOf('f'); // 字符出现的位置 var num = 0; // 这个字符出现的次数 while(index !== -1) { console.log(index); // 打印字符串出现 阅读全文
摘要：
用时间戳来计算倒计时 时间戳：当前时间距离1970年1月1日一共过了多少毫秒。 得到当前时间以及结束时间的时间戳，二者相减即是剩余的毫秒数，将剩余毫秒数转化成 时 分 秒 即是倒计时。 function countDown(Time) { var nowTime = +new Date(); //当 阅读全文
摘要：
html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 内联元素 在html中，<span>、<em>、<a>、<p>等标签是典型的内联元素。当然块状元素也可以通过设置display：inline；显示为内联元素，从而使块级元素具有内联元素的特点。 内联元素 阅读全文