Web小萌新

摘要： 页面结构 / 样式效果分析： 细节分析： ① 页面头部由 header 标签嵌套 img 标签。 ② 每个是商品由 div 标签嵌套 img 标签构成，商品上面的文字层由 div 标签嵌套 h3 和 p 标签构成。 ③ 商品列表下方的文字由 section 标签嵌套 p 标签构成，页面最下面的部分由 阅读全文

摘要： jQuery 对 Ajax 操作进行了封装，在 jQuery 中 $.ajax() 方法属于最底层的方法，第二层是 load() / $.get() / $.post() 方法，第三层是 $.getScript() 和 $.getJSON() 方法 6.5.1 load() 方法 1 载入 HTML 阅读全文

摘要： 6.1.1 Ajax 的优势 1 不需要插件支持（只需要用户允许 javascript 在浏览器上执行即可） 2 优秀的用户体验（不刷新整个页面前提下更新数据） 3 提高 WEB 程序的性能（只通过 XMLHttpRequest 对象向服务器提交希望提交的数据，即按需发送） 4 减轻服务器和带宽的负 阅读全文

摘要： 5.3.1 网页字体大小 通过控制按钮控制文字大小 5.3.2 网页选项卡 通过隐藏和显示来切换不同内容。 以上基本功能完成。 如果想加强效果，例如鼠标滑入滑出效果，可以增加 hover 事件 5.3.3 网页换肤 自定义皮肤更换 创建一个 CSS 文件夹，用来存放不同颜色背景的CSS文件 为皮肤选 阅读全文

摘要： 5.2.1 表格变色 HTML 1 普通的隔行变色 首先定义2个样式： 然后选择表格奇数和偶数分别添加样式 上述代码是将表头算进去的，如果需要排除表头，可以修改选择符 如果需要将某行变为高亮显示，可以使用 contains 选择器实现 2 单选框控制表格行高亮 在第一列前加上一列单选框 当单击某一行 阅读全文

摘要： 5.1 表单应用 文本框是表单域中最基本的元素 获取和失去焦点改变样式 创建一个表单： 效果：当文本框获取焦点，颜色变化，失去焦点，恢复样式 CSS： 但是 IE 6 并不支持除了 :hover 之外的其他伪类选择器。可以使用 jQuery 首先创建一个类名为 focus 样式 然后添加获取和失去焦 阅读全文

摘要： 示例效果： 用户点击左上角箭头，可以控制视频展示的左右滚动 注意事项 ① 当视频展示内容处于最后一个版面时候，如果再向后，则应该跳转到第一个版面 ② 当视频展示内容处于第一个版面时候，如果再向前，就应该跳转到最后一个版面 ③ 左上角的箭头旁边的蓝色圆点应该与动画保持一致，它代表当前所处的版面 页面结 阅读全文

摘要： 4.2.1 show() 方法和 hide() 方法 1 show() 方法和 hide() 方法 show() 方法和 hide() 方法是最基本的动画方法。在HTML 文档内，为一个元素调用 hide() 方法，会将该元素的 display 样式改为 “none”; 当把元素隐藏后，可以使用 s 阅读全文

摘要： 前导知识 HTML5 常用图像标签 1.<img> 2.<figure>标签和<figcaption>标签（<figure>插画） <figcaption>是嵌套在<figure>标签内的，用于指定图片的标注。 CSS 阴影和渐变 1.盒阴影 投影方式默认为外投影，当设置为 “inset” 时，变为 阅读全文

摘要： 4.1.4 事件冒泡 1 什么是冒泡 创建一个 body > div > span 的 HTML 结构 给span绑定一个 click 函数，点击span元素，会依次弹出3个元素，span > div > body 2 事件冒泡引发的问题 当点击 <span> 时只需要触发 <span> 元素事件， 阅读全文