一、功能需求 鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。 点击右侧按钮一次，图片往左播放一张，以此类推， 左侧按钮同理。 图片播放的同时，下面小圆圈模块跟随一起变化。 点击小圆圈，可以播放相应图片。 鼠标不经过轮播图， 轮播...

1.BOM简介BOM(Browser Object Model)即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心 对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 B...

1.注册事件1234567891011121314151617181920212223// 1. 传统方式注册事件// 同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数btns[0].onclic...

1.DOM简介文档对象模型(Document Object Model，简称 DOM)，是 W3C 组织推荐的处理可扩展标记语言(HTML 或者XML)的标准编程接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。 文档：一...

一、简单数据类型1.声明变量特殊情况 情况 说明 结果 var age ; console.log (age); 只声明 不赋值 undefined console.log(age); 不声明 不赋值 直接使用 报错 ...

1.设计思路在本响应式网页设计中，通过媒体查询 @media 规则，使网页自适应不同浏览设备的屏幕宽度。网页中 <header> 位于网页顶端， <footer> 位于网页底端， 二者不论在哪一种情况下，其宽度...

一、设置鼠标指针形状使用 cursor 属性可以更改鼠标指针样式。 语法 1cursor: value; 二、媒体查询1. 媒体类型下列是CSS中定义的媒体类型(media types). all 用于所有的媒体设备。 a...

一、过渡效果1. 过渡时间 transition-duration 属性语法 1transition-duration: time; time: 规定完成过渡效果需要花费的时间（以秒或毫秒计）。 默认值是 0，意味着不会有效果。2....

一、盒子模型1. 构成盒子模型由内容盒、内边距、边框和外边距构成 2. 外边距（margin）使用方法： 1.单边外边距属性 1234margin-top:100px;margin-bottom:100px;margin-right:...

一、CSS3基础1. CSS3基本语法1234567891011selector { property1:value1; proterty2:value2; }/*或*/selector { prope...