Ruby's Louvre

每天学习一点点算法

导航

2012年12月24日 #

bootstrap源码学习与示例:bootstrap-affix

摘要: bootstrap在2.1新增的组件,直译过来就是固定。其实这组件很简单,就是通过添加或移除affix这个类名实现屏幕固定或不固定。当页面加载完毕时,JS插件会搜索页面上所有[data-spy="affix"]的元素,然后找其data-offset-top或data-offset-bottom属性,即离页面顶(底)部少于多少px,就放弃固定,平时你怎么滚动,被固定的元素都定在这个位置上不动。此组件只要用户为元素定义两个属性,引入JS与CSS就生效了。用户基本不用写码。网上许多例子都是多此一举!此组件也没有任何自定义事件!!function ($) { "use s 阅读全文

posted @ 2012-12-24 23:18 司徒正美 阅读(8592) 评论(4) 推荐(2)

bootstrap源码学习与示例:bootstrap-popover

摘要: bootstrap-popover是bootstrap-toolbar的子类。它就比toolbar多一个content参数,其他就是一些默认值不同。与toolbar一样没有自定义事件。 名称 类型 默认 描述 animation 布尔值 t... 阅读全文

posted @ 2012-12-24 18:09 司徒正美 阅读(9627) 评论(1) 推荐(1)

bootstrap源码学习与示例:bootstrap-tooltip

摘要: tooltip是bootstrap第二复杂的组件,近三百行。配置项比较多。并且需要手动初始化。另一个特点是没有自定义事件。 名称 类型 默认 描述 animation 布尔值 true 为工具提示添加一个淡入的过渡。 ... 阅读全文

posted @ 2012-12-24 16:28 司徒正美 阅读(6586) 评论(1) 推荐(2)

mass Framework attr模块 v3

摘要: 为了获取最佳的性能与兼容性,attr模块在v3中分割为两大块。attr模块大胆HTML5的classList,Array.isArray等新式API, attr_fix则是专门为IE6789准备的。attr模块存在大量的钩子,为摆平浏览器做了许多部件,但我们没有必须把所有补丁都集成到一个JS文件,其中过半是为IE侍侯的,因此分割出去对标准浏览器的加载量非常有利。下面是attr.js,它相当于jQuery的attributes.js(github中的划分)。//==================================================// 属性操作模块 v3//==== 阅读全文

posted @ 2012-12-24 12:29 司徒正美 阅读(2021) 评论(1) 推荐(0)