【bootstrap学习笔记之四（javascript插件）】的更多相关文章

bootstrap学习笔记之四（javascript插件）

下面展现四个插件的用法,一般插件的功能可以用两种方法实现,一种是引入bootstrap.js后,通过添加data属性实现,另一种则是通过js代码是实现. 第一个插件:下拉菜单的实现 第一种方法:data属性 可以回顾下拉菜单组件的学习,记得当开始学习下拉菜单时就引入了data-toggle="dropdown"属性,如果没有使用这个属性,是无法实现下拉菜单效果的.随便说下,将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里,或者另一个声明了 position: relative…

Bootstrap学习笔记(二) 表单

在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等. 在Bootstrap框架中,通过定制了一个类名`form-control`,也就是说,如果这几个元素使用了类名“form-control”,将会实现一些设计上的定制效果. 1.宽度变成了100% 2.设置了一个浅灰色(#ccc)的边框 3.具有4px的圆角 4.设置阴影效果,并且元素…

bootstrap学习笔记之为导航条添加标题、二级菜单及状态 http://www.imooc.com/code/3120

为导航条添加标题.二级菜单及状态 加入导航条标题 在Web页面制作中,常常在菜单前面都会有一个标题(文字字号比其它文字稍大一些),其实在Bootstrap框架也为大家做了这方面考虑,其通过"navbar-header"和"navbar-brand"来实现,示例查看代码编辑器(11-22). 原理分析: 此功能主要起一个提醒功能,当然改良一下可以当作是logo(此处不做过多阐述).其样式主要是加大了字体设置,并且设置了最大宽度: /*源码查看bootstrap.css…

Bootstrap学习笔记-布局

Bootstrap学习笔记-布局 默认是响应式布局,就是你在改变页面的时候也不会出现乱的现象. <html><head> <meta charset="utf-8"> <title>布局</title> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"> &l…

Bootstrap~学习笔记索引

回到占占推荐博客索引 bootstrap已经用了有段时间了,感觉在使用上还是比较容易接受的,在开发人员用起来上,也还好,不用考虑它的兼容性,手机,平台,PC都可以有效的兼容. bootstrap官方api:http://v3.bootcss.com/ Bootstrap~学习笔记索引 Bootstrap~页面的布局 Bootstrap~Panel和Table Bootstrap~表单Form Bootstrap~日期控制 Bootstrap~多级导航(级联导航)的实现 Bootstrap~大叔封…

RX学习笔记：JavaScript数组操作

RX学习笔记:JavaScript数组操作 2016-07-03 增删元素 unshift() 在数组开关添加元素 array.unshift("value"); array.unshift(123); array.unshift("value1","value2"); push() 在数组末尾添加元素 array.push("value"); array.push(123); array.push("value1&…

seaJs学习笔记之javascript的依赖问题

之前分别为大家介绍了有关javascript中的冲突和性能问题,今天为大家介绍一下有关javascript中的依赖问题.我们将继续就之前javascript中性能问题继续介绍. 先来回顾一下性能问题的解决方法,那就是按需引入js文件.那么这样按需引入会不会存在问题呢?今天我们为大家继续揭晓答案.先看如下页面. 多文件HTML代码 <!doctype html> <html dir="ltr" lang="zh-CN"> <head>…

bootstrap学习笔记之基础导航条 http://www.imooc.com/code/3111

基础导航条 在Bootstrap框中,导航条和导航从外观上差别不是太多,但在实际使用中导航条要比导航复杂得多.我们先来看导航条中最基础的一个--基础导航条. 使用方法: 在制作一个基础导航条时,主要分以下几步: 第一步:首先在制作导航的列表(<ul class="nav">)基础上添加类名"navbar-nav" 第二步:在列表外部添加一个容器(div),并且使用类名"navbar"和"navbar-default"…

学习笔记：Javascript 变量 包装对象

学习笔记:Javascript 变量 包装对象 如下代码,可以输出字符的长度. var str = "Tony"; str.length; 这时再试试以下代码,返回是 undefined var str = "Tony"; str.a = 5; str.a; 以为包装对象在执行完成后就自动销毁了. 参考资料: http://javascript.ruanyifeng.com/stdlib/wrapper.html http://www.cnblogs.com/dol…

Oracle学习笔记之四sp1，Oracle 11g的常用函数

从Oracle学习笔记之四,SQL语言入门中摘出来的,独立成一章节 3.1 字符类函数 ASCII(c)和CHR(i)    分别用于返回一个字符的ASCII码和返回给定ASCII值所对应的字符. CONCAT(s1,s2)    将字符串s2连接到字符串s1的后面.任一字符串为空值则忽略此空值:两值都为空值则返回null.同样“||"也有此功能,且更方便些. INITCAP(s)    将字符串s的每个单词的第一个字母大写,其它字母小写. INSTR(s1,s2[,i][,j])    该函数…