分类 » JavaScript

使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录

分类: 标签:‚ ‚ 

“使用 jQuery Mobile 与 HTML5 开发 Web App”系列文章的数目累积起来也比较多了,为方便大家浏览, Kayo 把这些文章整理成一个目录,收录那些已经写好的文章并会继续更新。 该系列的文章实质上分成四个部分,分别是总体概况、jQuery Mobile 组件、jQuery Mobile 事件与方法以及 HTML5 在 Web App 上的应用。 一.总体概况 这部分内容主要讲述如何使用 jQue...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 页面与对话框

分类: 标签:‚ ‚ ‚ ‚  评论:9 9 评论

在《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础》中,Kayo 曾经简略介绍过 jQuery Mobile 的页面组件,当时只是举了一个简单的例子说明一下页面组件的情况,本文将会拓展说明页面组件的具体细节。 一.页面基础 在 jQuery Mobile 中,页面这个概念与传统的 Web 页面有一个很大的区别 —— jQuery Mobile 中的页面可...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 工具栏

分类: 标签:‚ ‚  评论:9 9 评论

本文延续之前"使用 jQuery Mobile 与 HTML5 开发 Web App"系列文章,本文介绍的是 jQuery Mobile 中的 jQuery Mobile 工具栏。在 jQuery Mobile 中,有一套完整的工具栏和导航栏组件,这里的工具栏和导航栏并不只是提供了相应的外观样式,还自带有一些常用的辅助功能,下面 Kayo 为大家详细介绍。 也许你会奇怪,不是有工具栏和导航栏吗?为什么标题只写了工具栏...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 列表

分类: 标签:‚ ‚ ‚  评论:29 29 评论

如 Kayo 之前所写的文章 《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 内容格式》中所述,这次介绍的是 jQuery Mobile 列表组件。 jQuery Mobile 列表虽然也是对页面内容进行丰富,但 jQuery Mobile 列表会给标准的 HTML 赋予一套样式以及丰富的交互处理,因此它是一套完整的组件,并且 jQuery Mobile 对...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 内容格式

分类: 标签:‚ ‚  评论:9 9 评论

今天开始, “使用 jQuery Mobile 与 HTML5 开发 Web App” 的系列文章将会继续,这次要介绍的是 jQuery Mobile 的内容格式部分,这也是 jQuery Mobile 的组件部分,包含了基本 HTML 样式(Basic HTML styles),主题内容(Theming content),可折叠内容块(Collapsible content blocks),折叠组(Collapsi...

Read More –>

WordPress Ajax 评论分页

分类: , 标签:‚ ‚ ‚ ‚  评论:97 97 评论

在之前的文章中, Kayo 曾经介绍过如何在 WordPress 中实现 Ajax 文章列表分页,这里我再把 Ajax 在 WordPress 中的应用拓展一下——实现评论列表的分页。在评论较多的文章中,如果评论没有分页,文章页面往往显得过长,但如果使用 WordPress 自带的分页,这样在获取下一页评论时又要刷新整个页面,于是 Ajax 的评论分页便显得更具用户体验了,具体的效果可以看看本博的评论部分(建议可以到...

Read More –>

轻图床转移至 SAE 与优化瀑布流布局

分类: , 标签:‚ ‚ ‚  评论:42 42 评论

这两天把轻图床转移到新浪 SAE 了,原本所在的 VPS 速度太不给力了,而且常抽风,因此早就有转移的打算了,只是一直不舍 VPS 的自由,不过最近一天几抽,于是不再犹豫了,果断转移之。   转移至 SAE 后网站加载速度给力多了,稳定性也有了很大的保证!不过原本的域名没有备案,因此绑定到 SAE 后服务器线路走的是美国路线,不停的 502 ,只能使用 SAE 的二级域名。   欢迎各种围观:ht...

Read More –>

jQuery 弹簧式显示隐藏动画

分类: 标签:‚  评论:17 17 评论

弹簧式显示隐藏动画,听上去好像有点复杂,其实就是模拟弹球落地的效果,很久之前想到了,无奈当时 jQuery 以及 JavaScript 技术仍未学好,木有办法做出很好的效果。前些天突然又想做,便写出来了,先放上 Demo 。   Demo   看完 Demo ,应该放上代码了,在介绍代码前,给大家介绍一下 jQuery .animate 方法的 easing (过渡)参数, 相对于 styles,...

Read More –>

用 JavaScript 实现 jQuery 显示与隐藏动画

分类: 标签:‚ ‚ ‚  评论:11 11 评论

在 jQuery 中有 show(), hide(), slideDown(), slideUp() 等方法,能够以动画的形式显示或隐藏 DOM 元素。这一类的动画在页面交互中比较常用,这也是 jQuery 方便开发的地方之一,但如果只想使用这些动画效果而加载整个 jQuery 库那就有点浪费资源了,于是最近在折腾 JavaScript 的 Kayo 便尝试用原生的 JavaScript 实现这一类 jQuery 动...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 表单下

分类: 标签:‚ ‚ ‚  评论:14 14 评论

在上文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 表单上》中, Kayo 介绍了一部分 jQuery Mobile 表单组件,接下来将会继续介绍余下的组件以及相关的技巧。   6.选择列表 选择列表是基于 HTML select 元素的,具有原生菜单和自定义菜单两种形式,原生菜单与自定义菜单都有一个样式美化了的选择按钮,不同的是在自定义菜单中原...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 表单上

分类: 标签:‚ ‚ ‚  评论:4 4 评论

一.表单组件基础 1.组件简介 jQuery Mobile 中的表单组件是基于标准 HTML ,然后在此基础上增强样式,因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用。需要注意的是, jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式,因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便。 jQuery Mobile 的表单组件有以下几种:...

Read More –>

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 按钮

分类: 标签:‚ ‚  评论:5 5 评论

一.Button 组件及 jQuery Mobile 如何丰富组件样式 在 jQuery Mobile 里,可以通过给任意链接添加 data-role=“button” 来产生一个 button 组件,jQuery Mobile 会追加一定的样式到链接,值得注意的是,jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应,一般还会追加一些新的元素使到组件的...

Read More –>