05 2016 档案
摘要：Bootstrap 导航元素 本章我们将讲解 Bootstrap 提供的用于定义导航元素的一些选项。它们使用相同的标记和基类 .nav。Bootstrap 也提供了一个用于共享标记和状态的帮助器类。改变修饰的 class，可以在不同的样式间进行切换。 .nav是标签页的基类； .nav-tabs是标
阅读全文
摘要：一、Bootstrap 输入框组 本章将讲解 Bootstrap 支持的另一个特性，输入框组。输入框组扩展自 表单控件。使用输入框组，您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。 通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如您可以添加美元符号，或者在Tw
阅读全文
摘要：一、css组件——下拉菜单 本章将重点介绍 Bootstrap 下拉菜单。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。这可以通过与 下拉菜单（Dropdown） JavaScript 插件 的互动来实现。 如需使用下列菜单，只需要在 class .dropdown 内加上下拉菜单即可。下面
阅读全文
摘要：1、文本颜色类： 2、背景颜色类： 以下不同的类展示了不同的背景颜色。 如果文本是个链接鼠标移动到文本上会变暗： 3、三角符号：<span class="caret"></span>（显示下拉式功能） 4、快速浮动类： 5、让内容块网页居中： 6、其他
阅读全文
摘要：为了给段落添加强调文本，则可以添加 class="lead"，这将得到更大更粗、行高更高的文本，如下面实例所示： 1、Bootstrap 图片 通过在 <img> 标签添加 .img-responsive 类来让图片支持响应式设计。 图片将很好地扩展到父元素。 .img-responsive 类将
阅读全文
摘要：Bootstrap 网格系统另一个完美的特性，就是您可以很容易地以一种顺序编写列，然后以另一种顺序显示列。 您可以很轻易地改变带有 .col-md-push-* 和 .col-md-pull-* 类的内置网格列的顺序，其中 * 范围是从 1 到 11。 在下面的实例中，我们有两列布局，左列很窄，作为
阅读全文
摘要：一、总表单实例 效果图如下： 今天就到这里啦；明天的任务是： 任务1、把这一部分再系统性的过一遍； 任务2：把第三天的课程看完，看看还有没有第四天的；有的话找到，没有的话把下面的自己看完； 3、很重要的任务：师兄给的任务； 用Bootstrap UI框架先自己画一个小页面出来，看效果怎么样？
阅读全文
摘要：一、栅格系统（网格系统） 1、栅格系统介绍 （1）Bootstrap提供了一套响应式、移动设备优先的栅格系统。随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。 Bootstrap的栅格系统，
阅读全文
摘要：在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。 一、支持的表单控件 Bootstrap 支持最常见的表单控件，主要是 input、textarea、checkbox、radio 和 select。 （
阅读全文
摘要：一、Bootstrap 排版 1、行内文本样式 <b>、<strong>、<i>、<em>、<del>、 Bootstrap 提供了一些用于强调文本的类，如下面实例所示： <s>注释：请使用 <del> 替代它！ 注释：根据 HTML5 规范，在没有其他合适标签更合适时，才应该把 <b> 标签作为最
阅读全文
摘要：一、Bootstrap简介 简单灵活可用于架构流行的用户界面和交互接口的html,css,javascript工具集。 基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档，自定义JQuery插件，完整的类库，基于Les
阅读全文
摘要：一、快速入门 Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。 Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。
阅读全文
摘要：一、任务 登云一期页面设计和优化（下周五交任务） 一、任务 登云一期页面设计和优化（下周五交任务） 完成登云一期的项目页面布局优化设计，可以参照网上其他的系统设计方案，要有效果图 完成登云一期的项目页面布局优化设计，可以参照网上其他的系统设计方案，要有效果图 完成登云一期的项目页面布局优化设计，可以
阅读全文
摘要：一、默认行为 1. 什么是事件的默认行为（默认事件） （1）浏览器不需要我们去编写，浏览器自身就已经具备的功能；（点击右键弹出页面菜单） （2）如何阻止默认行为 2. 上下文菜单：oncontextmenu（右键菜单） 点击右键就会弹出a，且会出现右键菜单； 已经阻止了右键菜单，点击无法弹出。 再来
阅读全文
摘要：一、关于offset，我们要弄明白什么 在这里我们可以看到，关于offset共有5个东西需要弄清楚： 1、offsetParent 2、offsetTop 3、offsetLeft 4、offsetWidth 5、offsetHeight 我们根据难易程度把以上5点分为三类来讲解。 二、offset
阅读全文
摘要：一、鼠标事件 1、鼠标位置 可视区位置：clientX、clientY（鼠标的坐标） 这里我们注意，现在我们只知道它是鼠标的坐标，但是我们不知道它是鼠标的什么坐标，现在我们来看一个实例： ——例子1：跟随鼠标的Div （1）onmousemove 事件会在鼠标指针移动时发生。 注释：每当用户把鼠标移
阅读全文
摘要：一、event事件 1、什么是event事件对象？ 用来获取事件的详细信息：鼠标位置、键盘按键 ——例子：获取鼠标位置：clientX ——document的本质：document.childNodes[0].tagName （1）首先对于点击事件，如果我们想要在页面打开后，在页面的任何一个地方点击
阅读全文
摘要：一、BOM JS用来操作浏览器的那部分功能（window） 1、打开、关闭窗口 （1）open 在这里插入一个小知识： 新窗口打开运行代码： close——关闭时提示问题 2、常用属性 ——window.navigator.userAgent ——window.location 3、尺寸及坐标（在讲
阅读全文
摘要：一、创建、插入和删除元素 1、创建DOM元素 createElement(标签名) 创建一个节点 appendChild(节点) 追加一个节点 ——例子：为ul插入li 注意：appendChild() 方法向节点添加最后一个子节点。 由上面代码可知：每次添加的内容都是添加在后面；那要如何才能添加到
阅读全文
摘要：接上面笔记内容接下来继续DOM节点： 7. 获取首尾子元素：firstChild、firstElementChild、lastChild、lastElementChild8. 获取兄弟节点：nextSibling、nextElemnetSibling、previousSibling、previous
阅读全文
摘要：主要内容： 1. DOM简介、DOM标准、DOM节点 2. 获取元素的子节点：childNodes、兼容性问题3. 节点类型：nodeType、文本节点、元素节点4. children的使用5. 获取元素父节点parentNode6. 获取定位元素的父节点offsetParent7. 获取首尾子元素
阅读全文
摘要：本课内容：1. 数组定义、length使用2. push、pop、shift、unshift方法3. 排序：sort方法、字符串排序、数字排序4. cancat、join方法5. split方法6. splice方法：删除、插入、替换 一、数组 数组的使用 （1）定义： var arr=[12, 5
阅读全文
摘要：本课内容：1. 函数返回值：return，没有return的函数返回值是什么？2. 函数传参、arguments（可变参、不定参）3. arguments应用实例：任意数字求和4. 实例：CSS函数5. 获取非行间样式：currentStyle、getComputedStyle(obj, false
阅读全文
摘要：一、命名规范 1. 命名规范的必要性、意义 可读性--能看懂 规范性--符合规则 2. 匈牙利命名法、变量的命名规范、函数的命名规范 类型前缀、首字母大写 二、运算符 算术：+ 加、- 减、* 乘、/ 除、% 取模 实例：隔行变色、秒转时间 3. 运算符——%取模（求余数） 4. %取模（求余数）
阅读全文
摘要：tab选项卡扩展 一月Jan 二月Feb 三月Mar 四月Apr 五月May 六月Jun 七月Jul 八月Aug ...
阅读全文
摘要：一、JavaScript基础 1、JavaScript组成 ECMAScript：解释器、翻译 DOM：Document Object Model文档对象模型 BOM：Browser Object Model 各组成部分的兼容性，兼容性问题由来（浏览器对象模型） 2、变量类型 类型：typeof运算
阅读全文
摘要：二、无缝滚动 如上图所示，现在很多网页都会实现这样的效果；它是如何实现的呢？ 1、布局 注意如果想让一个div的位置发生改变，则最好给这个div加上一个绝对定位：position：absolute； obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标
阅读全文
摘要：一、延时显示框 首先我们要做的是制作两个显示框，当鼠标移入显示框1的时候显示框2出来，当鼠标移出的时候显示框2消失；其代码如下： 然后我们要做的就是我们发现当鼠标要移出显示框1的时候是始终不能移入显示框2，现在我们就要加入一个延时型的定时器了，setTimeout() 方法用于在指定的毫秒数后调用函
阅读全文
摘要：一、js简易日历 1、innerHTML的使用： a：设置内容并为其加样式： 二、定时器使用： 1、定时器的作用 2、开启定时器 setInterval 间隔型 setTimeout 延时型 两种定时器的区别 3、停止定时器 clearInterval clearTimeout 第一步：制作两个按钮
阅读全文
摘要：2016年5月24日（妙味课堂js预热课程-2笔记）一、前言 1、window.onload（事件）：是在页面加载完成以后来执行一个功能； 如 window.onload=function（）{ alert（“a”） } 这是一个匿名函数，因为在function后面括号前面没有名字； 即在页面加载完
阅读全文
摘要：今天我们就一起来学习这个border-image的属性。学习完这个border-image以后，大家一定会很兴奋，因为他改变我了们以往设置border的效果，以前我们border只能简单的设置一些纯色或几种简单的线型（如solid,dotted,double,dashed等）那么我们以后就可以通过b
阅读全文
摘要：CSS3中有关于Border的属性一共有三个：设计圆角border-radius，设计边框背景border-image,设计多色边框border-color。 现在我们来说一说设计多色边框border-color属性；那么在CSS3中这个属性又有什么不同之处呢？又将如何使用呢？在CSS2中，我们可以
阅读全文
浙公网安备 33010602011771号