摘要: 页面结构 / 样式效果分析: 细节分析: ① 页面头部由 header 标签嵌套 img 标签。 ② 每个是商品由 div 标签嵌套 img 标签构成,商品上面的文字层由 div 标签嵌套 h3 和 p 标签构成。 ③ 商品列表下方的文字由 section 标签嵌套 p 标签构成,页面最下面的部分由 阅读全文
posted @ 2017-07-21 22:42 Web小萌新 阅读(4504) 评论(0) 推荐(1)
摘要: jQuery 对 Ajax 操作进行了封装,在 jQuery 中 $.ajax() 方法属于最底层的方法,第二层是 load() / $.get() / $.post() 方法,第三层是 $.getScript() 和 $.getJSON() 方法 6.5.1 load() 方法 1 载入 HTML 阅读全文
posted @ 2017-07-20 22:51 Web小萌新 阅读(253) 评论(0) 推荐(0)
摘要: 6.1.1 Ajax 的优势 1 不需要插件支持(只需要用户允许 javascript 在浏览器上执行即可) 2 优秀的用户体验(不刷新整个页面前提下更新数据) 3 提高 WEB 程序的性能(只通过 XMLHttpRequest 对象向服务器提交希望提交的数据,即按需发送) 4 减轻服务器和带宽的负 阅读全文
posted @ 2017-07-19 17:26 Web小萌新 阅读(207) 评论(0) 推荐(0)
摘要: 5.3.1 网页字体大小 通过控制按钮控制文字大小 5.3.2 网页选项卡 通过隐藏和显示来切换不同内容。 以上基本功能完成。 如果想加强效果,例如鼠标滑入滑出效果,可以增加 hover 事件 5.3.3 网页换肤 自定义皮肤更换 创建一个 CSS 文件夹,用来存放不同颜色背景的CSS文件 为皮肤选 阅读全文
posted @ 2017-07-16 11:20 Web小萌新 阅读(251) 评论(0) 推荐(0)
摘要: 5.2.1 表格变色 HTML 1 普通的隔行变色 首先定义2个样式: 然后选择表格奇数和偶数分别添加样式 上述代码是将表头算进去的,如果需要排除表头,可以修改选择符 如果需要将某行变为高亮显示,可以使用 contains 选择器实现 2 单选框控制表格行高亮 在第一列前加上一列单选框 当单击某一行 阅读全文
posted @ 2017-07-13 22:20 Web小萌新 阅读(287) 评论(0) 推荐(0)
摘要: 5.1 表单应用 文本框是表单域中最基本的元素 获取和失去焦点改变样式 创建一个表单: 效果:当文本框获取焦点,颜色变化,失去焦点,恢复样式 CSS: 但是 IE 6 并不支持除了 :hover 之外的其他伪类选择器。可以使用 jQuery 首先创建一个类名为 focus 样式 然后添加获取和失去焦 阅读全文
posted @ 2017-07-12 18:21 Web小萌新 阅读(305) 评论(0) 推荐(0)
摘要: 示例效果: 用户点击左上角箭头,可以控制视频展示的左右滚动 注意事项 ① 当视频展示内容处于最后一个版面时候,如果再向后,则应该跳转到第一个版面 ② 当视频展示内容处于第一个版面时候,如果再向前,就应该跳转到最后一个版面 ③ 左上角的箭头旁边的蓝色圆点应该与动画保持一致,它代表当前所处的版面 页面结 阅读全文
posted @ 2017-07-10 22:22 Web小萌新 阅读(390) 评论(0) 推荐(0)
摘要: 4.2.1 show() 方法和 hide() 方法 1 show() 方法和 hide() 方法 show() 方法和 hide() 方法是最基本的动画方法。在HTML 文档内,为一个元素调用 hide() 方法,会将该元素的 display 样式改为 “none”; 当把元素隐藏后,可以使用 s 阅读全文
posted @ 2017-07-09 23:12 Web小萌新 阅读(275) 评论(0) 推荐(0)
摘要: 前导知识 HTML5 常用图像标签 1.<img> 2.<figure>标签和<figcaption>标签(<figure>插画) <figcaption>是嵌套在<figure>标签内的,用于指定图片的标注。 CSS 阴影和渐变 1.盒阴影 投影方式默认为外投影,当设置为 “inset” 时,变为 阅读全文
posted @ 2017-07-08 22:43 Web小萌新 阅读(2011) 评论(0) 推荐(0)
摘要: 4.1.4 事件冒泡 1 什么是冒泡 创建一个 body > div > span 的 HTML 结构 给span绑定一个 click 函数,点击span元素,会依次弹出3个元素,span > div > body 2 事件冒泡引发的问题 当点击 <span> 时只需要触发 <span> 元素事件, 阅读全文
posted @ 2017-07-07 23:58 Web小萌新 阅读(203) 评论(0) 推荐(0)