2017年7月6日
【项目2-3】手机邮箱导航页面
摘要： 效果： 前导知识 a:link 初始状态 a:hover 悬停状态 a:active 单击时的状态 a:visited 访问后的状态 love hate 顺序。 项目实战 分析： 步骤 ①HTML 布局 ②设置基线同父元素对齐，调整元素位置 ③使用font-awesome图标 ④设置 a 标签 ⑤右 阅读全文
posted @ 2017-07-06 13:53 Web小萌新 阅读(2820) 评论(0) 推荐(0)
第四章（jQuery中的事件和动画）（4.1 jQuery中的事件）（4.1.1~4.1.3）
摘要： 4.1.1 加载 DOM JS ：window.onload() JQ：$(document).ready() 区别： ① window.onload() 是网页中所有元素加载后才执行 $() 是在DOM完全就绪时就可以被调用 ② 应用多个方法时 two 会替换 one的方法。只能执行 一个，如果需 阅读全文
posted @ 2017-07-06 13:53 Web小萌新 阅读(245) 评论(0) 推荐(0)
第三章 （案例项目-超链接和图片提示效果）
摘要： 1 超链接提示 一般用 title 标签提示，缺点是响应速度慢，用 jQ 来手写类似功能。 HTML CSS 鼠标移动文字上，会显示 title 属性的文字 为 class 为 tooltip 的超链接添加 mouseover 和 mouseout 事件 思路： （1）当鼠标划入超链接 ①创建一个< 阅读全文
posted @ 2017-07-06 13:52 Web小萌新 阅读(482) 评论(0) 推荐(1)
2017年7月3日
【项目2-2】软文推广页面
摘要： 前导知识点 1 字体属性合写 text-shadow 设置文本阴影 h-shadow水平阴影 v-shadow垂直阴影 blur模糊半径 color阴影颜色 2 CSS3的 @font-face 规则 @font-face 用于定义服务器字体，可以让开发者使用计算机中未安装的字体 3 多列布局 4 阅读全文
posted @ 2017-07-03 17:12 Web小萌新 阅读(3072) 评论(1) 推荐(0)
2017年7月2日
第三章（jQuery中的DOM操作）
摘要： 3.1 DOM 操作分类 ①DOM Core 包括（getElementById() , getElementsByTagName() , getAttribute() , setAttribute() ） ②HTML DOM 专属HTML_DOM属性，提供一些更简明的记号来描述各种HTML元素属性 阅读全文
posted @ 2017-07-02 17:01 Web小萌新 阅读(614) 评论(0) 推荐(0)
2017年6月30日
【项目1-1】使用HTML5+CSS3绘制HTML5的logo
摘要： 作为一个WEB小萌新，自学了有一段时间，总是感觉停滞不前。最近反思中，想到前贤一句话：书读百遍其义自见。说到底，还是项目做的少，如果做多了，想必自然会得心应手。 利用HTML5+CSS3绘制HTML5的Logo 以上为H5基本样式。 【项目分析】 1定位出整个页面背景区域，并实现背景光束 2定义lo 阅读全文
posted @ 2017-06-30 16:34 Web小萌新 阅读(7940) 评论(0) 推荐(0)
2016年11月6日
第二章（2.6切换示例 项目）
摘要： 2.6案例 单击“显示全部”按钮的同时，列表将推荐的品牌名字高亮显示，按钮里的文字换成“精简显示” 效果如下图： ①页面布局代码如下： ②添加交互效果 *神马？？还是无法正常切换？好吧，灰常可能是因为忘了导入jQuery文档哦！ <script src=”jquery文档在本地的地址” ></scr 阅读全文
posted @ 2016-11-06 17:31 Web小萌新 阅读(234) 评论(0) 推荐(0)
2016年11月3日
第二章（jQuery选择器）
摘要： 2.1jQuery选择器是什么 1.CSS选择器 选择器 示例 选择器 示例 标签选择器 a{ } p{ } ul{ } ID选择器 #ID{ } 类选择器 .class{ } 群组选择器 td,p,div,a{ } 后代选择器 #link a{ } 通配符选择器 *{ } 选择器 示例 选择器 示 阅读全文
posted @ 2016-11-03 22:09 Web小萌新 阅读(241) 评论(0) 推荐(0)
2016年11月2日
第一章（认识jQuery）
摘要： 1.3.2编写简单的jQuery代码 ①$是jQuery的简写 ②$(“#foo”) = $(“#foo”) ③$.ajax = jQuery.ajax ④//DOM加载完毕时运行(类似于window.onload) $(socument).ready(function(){ //……. }) ⑤w 阅读全文
posted @ 2016-11-02 21:05 Web小萌新 阅读(142) 评论(0) 推荐(0)