swiper.js——初识

一、视图   二、基础步骤: 1.首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。如果你的页面加载了jQuery.js或者zepto.js,你可以选择使用更轻便的swiper.jquery.min.js 2.HTML基本结构(注:通过对swiper-co...

2015-10-12 18:34:12

阅读数 925

评论数 0

bootstrap js插件篇——手风琴、图片轮播

八、手风琴、图片轮播   8.1 手风琴基本结构     注:1、面板包括两个部分,第一个是面板标题 panel-heading,并且在这里面添加标题 panel-title。第二个部分是面板内容,也就是折叠区,使用 panel-collapse 样式。       2、通过锚...

2015-07-15 15:38:41

阅读数 1802

评论数 0

bootstrap js插件篇——按钮、固定定位

七、按钮 7.1控制按钮状态(比如禁用状态、正在加载状态、正常状态等)       7.2使用按钮组模拟单选按钮     注:将input的type=“checkbox” 可模拟多选   7.3按钮状态切换     7.3js触发 九、固定定位   9.1基本结构     注:  ...

2015-07-15 15:18:55

阅读数 4832

评论数 0

bootstrap js插件篇——提示框、弹出框、警告框

六、提示框、弹出框、警告框 6.1提示框   6.1.1基本结构 注: 1、提示框的触发方式和前面介绍的插件略有不同,不能直接通过自定义的属性 data- 来触发,必须得依赖于JavaScript的代码触发            2、同时设置了 data-original-title 和...

2015-07-14 12:02:16

阅读数 7023

评论数 0

bootstrap js插件篇——下拉菜单、滚动监测、选项卡

三、下拉菜单 3.1基本结构 3.2 触发方式  注:1、测试时发现js触发的下拉菜单点时只出现无法消失,建议data-toggle触发         2、如果触发下拉菜单的元素是一个链接元素,为了避免点击链接,页面跳到顶部,可以使用                ...

2015-07-14 11:45:33

阅读数 2480

评论数 0

bootstrap js插件篇——动画过渡、模态弹窗

学前准备   需要的文件   核心 CSS 文件 -->   文件。务必在bootstrap.min.js 之前引入 -->   核心 JavaScript 文件 -->   注意事项 》Bootstrap的JavaScript插件可以单独导入到...

2015-07-14 11:29:02

阅读数 7009

评论数 0

bootstrap 基础知识学习(列表+表格)

一、标题 二、段落 =》如果想让一个段落p突出显示, 添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理 =》文本状态 .text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#42...

2015-07-13 16:26:45

阅读数 2336

评论数 0

bootstrap 基础知识(表单)

六:表单 1、input输入框(type=text/password/email) 2、input选择框(type=“checkbox/radio”) 在Bootstrap框架中,主要借助“.checkbox”和“.radio”样式,来处理复选框、单选按钮与标签的对齐方式。 ...

2015-07-13 13:46:27

阅读数 2615

评论数 0

bootstrap 基础知识学习(图片+网格系统)

七、图片(306行~335行) 基本样式 1、img-responsive:响应式图片,主要针对于响应式设计 2、img-rounded:圆角图片 3、img-circle:圆形图片 4、img-thumbnail:缩略图片 注:由于样式没有对图片做大小上的样式限制,所以在实际...

2015-07-13 12:00:13

阅读数 3924

评论数 0

bootstrap基础知识学习(下拉菜单+按钮)

九、下拉菜单(3004行~第3130行) 基本结构     dropdown-header">第一部分菜单头部   //相当于下划线      Bootstrap框架中下拉菜单默认是左对齐,如果你想让下拉菜单相对于父容器右对齐时,可以在“dropdown-menu”上添加一个“...

2015-07-09 17:39:29

阅读数 573

评论数 0

bootstrap 基础知识学习(导航+其他)

十二 其他   =》标签 有时某些导航或新闻想要加上某些标签来强调内容的新或重要   label-deafult:默认标签,深灰色  label-primary:主要标签,深蓝色  label-success:成功标签,绿色  label-info:信息标签,浅蓝色  label-warning:...

2015-07-09 16:16:42

阅读数 401

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭