Mr.coding

stay hungry,stay foolish.

[置顶] 第三章 事件处理(三)

摘要： 本节要点： 创建返回顶部链接 提供“更多...”链接 更少...即动态显示要看的内容 以滑动效果来替换文本 使图像滚动 确定用户按下键 12.创建返回顶部链接 假设网页包含大量文本。请在每个文本块之后，显示一个链接，链接上的文字是Return Top(返回顶部)，为用户导航到网页头部。即利用jQue 阅读全文

posted @ 2016-11-17 22:29 Miss.coding 阅读(183) 评论(0) 推荐(0) 编辑

[置顶] 第二章 jQuery数组和字符串

摘要： 章节内容： 1、利用数组在列表中显示名字 （1）利用数组显示名字列表——join()方法 （2）从数组中获取名字并追加到有序列表——each()方法 （3）利用HTML元素创建数组和计算数组长度——get()方法 2.操作数组元素——map()方法 3、筛选数组元素，只显示所需要的数据——grep( 阅读全文

posted @ 2016-11-10 21:19 Miss.coding 阅读(403) 评论(0) 推荐(0) 编辑

2016年11月27日

jQuery将悬停效果加到菜单项

摘要： 显示效果如下： 这个案例用以复习前面学过的.hover()方法。悬停事件包含两个事件处理函数，一个鼠标指针移到指定元素上时被调用，另一个在鼠标指针离开指定元素时被调用。 阅读全文

posted @ 2016-11-27 15:28 Miss.coding 阅读(295) 评论(0) 推荐(0) 编辑

2016年11月24日

HTML和CSS设置动态导航以及CSS中伪元素的简单说明

摘要： HTML页面代码： CSS样式代码： 显示效果如下： 当鼠标停留在导航栏的链接上时，文字两旁会显示红色中括号。 CSS中伪元素说明 以上页面代码如下所示： 这段代码多了红色部分；现将红色部分代码注释，显示页面如图所示： 可见当没有红色代码部分时，底部信息和主要内容部分紧紧贴在一起，之间没有空隙。 # 阅读全文

posted @ 2016-11-24 17:10 Miss.coding 阅读(1341) 评论(0) 推荐(0) 编辑

2016年11月22日

CSS布局（二）

摘要： 本节内容：position、float、clear、浮动布局例子、百分比宽度 position CSS中的position属性设置元素的位置。属性值：static、relative、fixed、absolute。 static static属性是默认值。任意的position:static；的元素不 阅读全文

posted @ 2016-11-22 22:48 Miss.coding 阅读(328) 评论(0) 推荐(0) 编辑

2016年11月21日

CSS布局（一）

摘要： 本节内容： 没有布局 display属性 margin:auto; max-width 盒模型 没有布局 如果想把所有内容都塞进一栏里，那么不用设置任何布局也是可以的。然而，如果用户把浏览器窗口调整的很大，这时阅读网页会非常不适：读完每一行之后，你的视觉焦点要从最右向最左一大段距离。 display 阅读全文

posted @ 2016-11-21 22:18 Miss.coding 阅读(248) 评论(0) 推荐(0) 编辑

2016年11月18日

JavaScript事件——冒泡、捕获

摘要： 本节要点：1.干预系统的事件处理机制 （一）DOM事件流 （二）停止事件冒泡 （三）阻止事件的默认行为 1.干预系统的事件处理机制 （一）DOM事件流 DOM模型是一个树形结构，在DOM模型中，HTML元素是有层次的。当一个HTML元素上产生一个事件时，该事件会在DOM树中元素节点与根节点之间按特定 阅读全文

posted @ 2016-11-18 19:58 Miss.coding 阅读(6655) 评论(1) 推荐(2) 编辑

2016年11月14日

第三章 事件处理(二)

摘要： 本篇内容： 随着鼠标移动使图像明亮或模糊——opacity()属性 & rgba()属性 在按钮上应用悬停效果 切换应用一个CSS类——toggleClass()方法 创建基于图像的变换 8.随着鼠标移动使图像明亮或模糊——opacity()属性 & rgba()属性 网页上的图片初始是模糊的，但当 阅读全文

posted @ 2016-11-14 22:24 Miss.coding 阅读(206) 评论(0) 推荐(0) 编辑

2016年11月11日

第三章 事件处理（一）

摘要： 本章内容： 1、为元素绑定事件——bind()方法间接绑定&直接绑定事件 方法一：bind()方法的使用 直接附加事件 2、利用事件对象的目标属性锁定目标元素——event.target()方法 3、自动触发事件——triggert()方法 4、点击之后禁用按钮——unbind()方法 5、处理鼠标 阅读全文

posted @ 2016-11-11 21:37 Miss.coding 阅读(178) 评论(0) 推荐(0) 编辑

2016年11月9日

第一章 jQuery基础方法回顾

摘要： jQuery即JavaScript，它是一个.js文件（官网下载）。使用时须将jQuery库的声明写在HTML文档的head标签里。 章节内容： 1、选择DOM节点 2、延迟的JavaScript的执行 3、把CSS应用到元素上 4、选择一系列非标准的HTML元素 5、计数DOM节点和显示其文本 6 阅读全文

posted @ 2016-11-09 22:15 Miss.coding 阅读(217) 评论(0) 推荐(0) 编辑

导航