笔记压缩力学day_第1页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、复习：Bootstrap 是一个HTML/CSS/JS 框架，适用于移动设备优先的响应式网页开发。主要涉及：(1)HTML：为 H5 已有的扩展了自定义属性data-*(2)CSS： CSS Reset + 几千个class (3)JS：基于 jQuery 提供了十几个插件函数 oggle=dropdownoggle=tabda da分为五部分：(1)起步：模板 Bootl示例 禁用、文本、排版、表格、栅格系统、表单(2)全局CSS 样式：按钮、(3)组件：图标字体、下拉菜单、按钮组、导航、面包屑、分页、徽章、水井、巨幕、页头、导航条jQuery 插件定制1.复习：组件响应式导航条2.插件概述

2、Bootstrap 基于jQuery 提供了十几个插件函数（类似于 jQueryUI 插件库），每个插件对应一个.js 文件，可以单独，也可以整体(bootstrap.js)。调用上述十几个插件可以用两种格式：(1)传统的 JS 方式调用： $(.).dropdown();$().tab(.);(2)使用data-*扩展属性方式调用： 3.插件下拉菜单 (1)$().dropdown( );(2)4.插件 (1) $().tab();(2) 行业小知识：盲人、智力低下、行动.H5中有两类属性与“无阅读”相关：(1)VDA (2)5.插件Bootstrap 提供的弹出框(1)工具提示框(tool

3、tip) (2)弹出框(popover) (3)警告框(alert) x(4)模态框(modal) 小重点出一个子窗体，子窗体若不关闭，父窗体就无法获得焦点，同时父子窗体模态框定义：在父窗体间还可以传递数据。window.alert()/confirm()/prompt()就是典型例子。模态框必需的结构：头部主体尾部显示一个模态框：1) 2) 插件折叠效果(collapse)触发一个折叠效果：2) 折叠组件的两个扩展用途：(1)Accordion（手风琴）(2)响应式导航条在屏幕中的效果7.插件轮播(carousel)小重点本身结构较复杂，编写时只需要记住根 class: .carousel8.插件附加导航（Affix）9.插件滚动（scrollspy）了解随着页面内容的滚动，某个导航中的项目，会自动的更改.active 位置。实现思路：(1)页面中必须首先有一个导航菜单(.nav)其中可以定义一个菜单项为.active(2)导航菜单中的超的href 属性值必须和页面中的某个名一样(3)为页面添加滚动事件的函数body.onscroll= function()if(body 滚动的距离 = 某个距离顶端的距离)此对应的超的父元素 li 添加.active；作业：(1)复习Bootstrap 提

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论