Clik here to view.
jQuery Mobile教程-基础篇-按钮篇
特别申明：本系列教程由小春撰写相比其他组件，按钮是最基本也是最常见的，那在jQuery Mobile的体系中，到底是什么样子的呢？我们采用"提问●回答"的方式来初步地了解一下： 1、按钮包含哪两类？常见的：<button>button</button> <input type="button" value="input button"/> <input...
View ArticleClik here to view.
jQuery Mobile教程-基础篇-可折叠篇
特别申明：本系列教程由小春撰写本文主要看一下jQuery Mobile体系中的可折叠内容，我们采用"提问●回答"的方式来初步地了解一下： 1、如何设置折叠？示例：<div data-role="collapsible"> <h3>本文主要介绍可折叠</h3> <ol data-role="listview" data-inset="true">...
View ArticleClik here to view.
jQuery Mobile教程-基础篇-弹窗篇
特别申明：本系列教程由小春撰写本文主要看一下jQuery Mobile体系中的dialog组件,我们采用"提问●回答"的方式来初步地了解一下： 1、如何设置alert dialog？示例：<!-- a start --> <a href="#alert-dialog">如何设置alert dialog</a> <!-- a end -->...
View ArticleClik here to view.
jQuery Mobile教程-基础篇-表单篇
特别申明：本系列教程由小春撰写本文主要看一下jQuery Mobile体系中的form常见的几个组件，我们采用"提问●回答"的方式来初步地了解一下： 1、如何设置radio？示例：<!-- content start --> <div data-role="content"> <!-- h3 start -->...
View ArticleClik here to view.
jQuery Mobile教程-基础篇-网格篇
特别申明：本系列教程由小春撰写本文主要看一下jQuery Mobile体系中的grid组件，我们采用"提问●回答"的方式来初步地了解一下： 1、如何设置2列布局？示例：<!-- grid container start --> <div class="ui-grid-a"> <!-- grid block start --> <div...
View ArticleClik here to view.
jQuery Mobile教程-基础篇-列表篇
特别申明：本系列教程由小春撰写列表也是移动开发中比较频繁使用的一个组件,我们采用"提问●回答"的方式来初步地了解一下： 1、如何设置列表？示例：<!-- listview ul start --> <ul data-role="listview"> <li> <a>可以给ol或者ul增加data-role</a> </li>...
View ArticleClik here to view.
Clik here to view.
jQuery Mobile教程-基础篇-属性
特别申明：本系列教程由小春撰写本文我们来认识一下jQuery Mobile的一些属性（注释：下面示例中的代码片段均来自1.1.0版本）首先解释一下在jquery mobile里面的每一个view或者page的概念：如何定义一个页面容器呢？从前面的教程里面，你应该看过下面的代码： //一个单独的page <div data-role="page"></div> //多个page...
View ArticleClik here to view.
jQuery Mobile教程-事件篇
特别申明：本系列教程由小春撰写本文我们来认识一下jQuery Mobile的几个比较重要的基本事件 1、mobileinit可以利用它来扩展$.mobile或者修改默认配置示例：<script type="text/javascript"> //方式1:绑定mobileinit $(document).bind('mobileinit',function(e){...
View ArticleCSS的长度单位
特别声明：此篇文章由Jekst根据Chris Coyier的英文文章原名《The Lengths of CSS》进行翻译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://css-tricks.com/the-lengths-of-css以及作者相关信息——作者：Chris...
View ArticleClik here to view.
css3制作大型导航
白牙同学好久都没有做练习了，今天为大家带来一个CSS3制作的简单大型导航，运用到的CSS3属性包括圆角border-radius、渐变、盒子和文字阴影等等。通过前面的案例，相信大家已经对这些CSS3常用属性已经有一定了解了。本来这个案例原意是想向大家展示CSS3的mutil...
View ArticlejQuery Mobile教程-中级篇-button组件
特别申明：本系列教程由小春撰写本文我们来深度认识一下jQuery Mobile的button组件主要让大家熟悉一下动态创建按钮、禁用按钮以及启用按钮补充：如果你对button还是比较陌生的话，可以查看我们的《基础篇-按钮篇》 1、动态创建按钮示例： //动态创建 $("#dynamic_button").bind('click',function(){ //一次哦...
View ArticlejQuery Mobile教程-中级篇-dialog
特别申明：本系列教程由小春撰写本文主要看一下jQuery Mobile体系中的dialog组件：它开放了一个close的api补充：如果你对dialog还是比较陌生的话，可以查看我们的《基础篇-弹窗篇》 1、如何关闭dialog？示例： //关闭dialog $("#close-dialog-btn").click(function(){...
View ArticlejQuery Mobile教程-中级篇-checkboxradio插件
特别申明：本系列教程由小春撰写本文我们来深度认识一下jQuery Mobile的checkboxradio插件表单中的radio与checkbox都依赖它进行初始化增强以及一些事件的绑定（disable、enable、checked、unchecked）等补充：如果你对button还是比较陌生的话，可以查看我们的《基础篇-表单篇》 1、disable（禁用）示例： //禁用...
View ArticlejQuery Mobile教程-中级篇-textinput插件
特别申明：本系列教程由小春撰写本文我们来深度认识一下jQuery Mobile的textinput插件主要让大家熟悉一下动态创建input、禁用input以及启用input 1、动态创建input示例： //动态创建 $("#dynamic_input").bind('click',function(){ //一次哦 if($("#dynamic_input_new").length <...
View ArticlejQuery Mobile教程-中级篇-selectmenu插件
特别申明：本系列教程由小春撰写本文我们来深度认识一下jQuery Mobile的selectmenu插件主要让大家熟悉一下动态创建selectmenu、禁用selectmenu以及启用selectmenu 1、动态创建input示例： //动态创建 $("#dynamic_selectmenu").bind('click',function(){ //一次哦...
View ArticleClik here to view.
CSS3 Media Queries 片段
Responsive设计在现代Web设计中可谓是越来越流行，但很同学们并未理解其真正的设计概念，往往把Responsive视为一种自适应布局。当然有很多同学也在尝试动写Responsive的案例，但如何取其断点左右纠结，如何设置哪几个断点？又从何入手？Responsive中的断点都依赖于CSS3的Media Queries来决断。曾在CSS3 Media...
View ArticleClik here to view.
CSS3制作小清新导航
很简单的一个案例，就不多做注释了demodownload HTML结构<ul class="nav"> <li id="button1"><a href="#button1">Home</a></li> <li id="button2"><a...
View ArticleClik here to view.
20分钟打造你的Bootstrap站点
特别声明：此篇文章由白牙根据Leon Revill的英文文章原名《Twitter Bootstrap Tutorial – Up and running with Twitter Bootstrap in 20...
View Article