zaixianshouce
- 浏览: 254999 次
-
最新评论
文章列表
A jQuery tabs module for todays web!
实例DEMO
运行一下
Documentation
Tabulous.js can be used with any contents you choose in the tabs and it couldn't be more simpler to use.
..:: Getting Started
Include the relevant files
Firstly include jQuery and the tabulous.css and tabulo
Tabslet
Yet another jQuery plugin for tabs, lightweight, easy to use and with some extra features
Demonstration page
Smart Tab
Overview
Smart Tab is a jQuery plugin for tabbed interface. It is flexible and very easy to implement. It has a lot of features that you will love and it is completely open source. It can load ajax contents, have a verity of themes, cool animation effects, event supports, easy to customi ...
CleverTabs是一款jQuery插件，所需jQuery版本:1.6.1，jQuery UI样式版本:1.8.13；其功能为创建jQuery UI风格的Tab用于显示iframe。
本示例中符加了jQuery.contextMenu插件，我修改了其样式，使用了jQuery UI的皮肤
运行一下
效果如下图:
初级应用示例：
HTML代码:
ThinkPHP5.0完全开发手册.【CHM】
- 博客分类：
- PHP
ThinkPHP5已经出来很长时间了，官网也没有提供CHM格式的手册下载只有PDF格式的，我根据官网的在线手册制作了一个离线版的ThinkPHP5.0完全开发手册.CHM格式的文档。
实例
设置弹性盒对象元素的顺序：
div#myRedDIV {order:2;}
div#myBlueDIV {order:4;}
div#myGreenDIV
实例
在弹性盒对象的 <div> 元素中的各项周围留有空白：
div
{
display: flex;
justify-content: space-around;
}
实例
居中对齐弹性对象元素内的某个项：
#myBlueDiv
{
align-self:center;
}
复制
实例
居中对齐弹性盒的各项 <div> 元素：
div
{
display: flex;
align-items:center;
}
实例
对齐弹性盒的 <div> 元素的各项：
div
{
display: flex;
flex-flow: row wrap;
align-content:
实例
让弹性盒元素在必要的时候拆行：
display:flex;
flex-wrap: wrap;
复制
效果预览
实例
设置 <div> 元素内弹性盒元素的方向为相反的顺序：
div
{
display:flex;
flex-direction:row-reverse;
}
实例
让弹性盒的元素以相反的顺序显示，且在必要的时候进行拆行：
display:flex;
flex-flow:row-reverse wrap;
效果预览
实例
设置第二个弹性盒元素的初始长度为 80 像素：
div:nth-of-type(2){flex-basis:80px;}
实例
让第二个元素收缩到其他元素的三分之一：
效果预览
div:nth-of-type(2){flex-shrink:3;}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。