摘要：
jQuery的基本使用 入口函数 jQuery中常见的两种入口函数： // 第一种: 简单易用。 $(function () { ... // 此处是页面 DOM 加载完成的入口 }) ; // 第二种: 繁琐，但是也可以实现 $(document).ready(function(){ ... // 阅读全文
摘要：
/* <link rel="stylesheet" href="./css/CssReset.css"> */ @charset "utf-8"; html{ color:#000; background:#FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,for 阅读全文
摘要：
触屏事件 触屏事件概述 移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果 但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有 touch 对象代表一个触摸点 触摸点可能是一根手指，也可能是一根触摸 阅读全文
摘要：
筋斗云案例 核心思想 利用动画函数做动画效果 原先筋斗云的起始位置是0 鼠标经过某个小li，把当前小li的offsetLeft 位置做为目标值即可 鼠标离开某个小li，就把目标值设为 0 如果点击了某个小li， 就把li当前的位置存储起来，做为筋斗云的起始位置 window.addEventList 阅读全文
摘要：
返回顶部 核心思路 带有动画的返回顶部 此时可以继续使用我们封装的动画函数 只需要把所有的left 相关的值改为跟页面垂直滚动距离相关就可以了 页面滚动了多少，可以通过 window.pageYOffset 得到 最后是页面滚动，使用 window.scroll(x,y) //1. 获取元素 var 阅读全文
摘要：
网页轮播图 概述 轮播图也称为焦点图，是网页中比较常见的网页特效。 功能需求 鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。 点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。 图片播放的同时，下面小圆圈模块跟随一起变化。 点击小圆圈，可以播放相应图片。 鼠标不经过轮播图，轮播图也会 阅读全文
摘要：
动画实现原理 核心原理 通过定时器 setInterval() 不断移动盒子位置。 实现步骤 获得盒子当前位置 让盒子在当前位置加上1个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 注意此元素需要添加定位，才能使用element.style.left 动画函数给不同元素记录不同定时器 阅读全文
摘要：
BOM简介 BOM的概念 BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 语法的标准化组织是 阅读全文
摘要：
你是否好奇标识浏览器2113身份的5261User-Agent，为什么每个浏览器都有Mozilla字样？ Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.94 Sa 阅读全文
摘要：
问题写法 for(var i = 1; i <= 5; i++) { setTimeout( function(){ console.log(i); },i*1000); } console.log(i); // 先输出环境运行产生的一个6，每隔1s，再输出一个6，连续输出5个6 解析： 此处的i是 阅读全文