Miss.coding - 博客园

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

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

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

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

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

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

jQuery将悬停效果加到菜单项

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

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

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

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

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

CSS布局（二）

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

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

CSS布局（一）

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

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

JavaScript事件——冒泡、捕获

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

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

第三章事件处理(二)

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

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

第三章事件处理（一）

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

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

第一章 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 阅读(232) 评论(0) 推荐(0)

Mr.coding