jquery分页插件—Smart Paginator

smart-paginator

点此查看demo 很久没介绍jquery相关的东西了,今天推荐一个分页工具条插件:Smart Paginator,这个插件用途还是很广的,而且可定制性相当不错,目前内置三种颜色,有需要的话,可以自己改css定制颜色,明河推荐使用。 1.如何使用Smart Paginator? 1.1引入以下几个文件 <script src="jquery-1.4.4.min.js" type="text/javascript"></script>     <script src="smartpag......

html5本地存储localStorage实战(2)

localStorage2

公司网络出问题了,没办法访问国外网站,而RIA之家正好放在国外主机,明河很抑郁,很久没办法更新一篇文章,向各位朋友说声抱歉。 上一篇文章,明河演示了如何使用localStorage本地存储评论信息(用户名、邮箱、站点),今天这篇教程,继续演示localStorage的使用,增加了些难度,实现用户浏览历史记录,就是RIA之家底部的“你曾浏览过的文章”。 点此查看demo 相对于实......

利用WAI-ARIA role=”menubar”提高菜单可访问性

WAI-ARIA即W3C Announces Roadmap for Accessible Rich Internet Applications。wai-aria主要是为了帮助读屏软件识别页面中动态的内容(如:ajax,DHtml等),同时aria约定了很多结构化的组件或区域,如(导航,菜单, 主要内容,次要内容,banner等等);这样读屏软件就可以在黑暗中快速定位到要找的内容。 wai-aria1.0约定了61种role,点击相应的role可查看具体的使用demo示例,有些角色(role)还有状态......

无障碍访问之label标签使用细节

最近项目中要实现一个input的placeholder效果(如下图),但是这个placeholder前面有个放大镜,不是纯文字的。于是就转向用label,放大镜作为label的背景中来实现。 提到无障碍,表单的无障碍性问题是重中之重,WCAG2.0标准1.1.1部分要求用户输入控件需要描述这个控件的目的。既然这是一个搜索框,正好label中的内容可以用来说明这个搜索框的用途。 <div class="ipt-container"......

kissy的cookbook—15天学会kissy(完结)

kissy-day-15

kissy的系列教程已经完结,时间拖得很长,过意不去,今天这篇将收集kissy使用中的问题,形成一个问答集,明河日后会不断补充。 dom操作 如何创建新的DOM节点? 关于创建节点,在系列教程中没有提到,实际上这部分的操作还是很常用的,详细说明请看文档:http://docs.kissyui.com/kissy/docs/dom/dom-create.html。 var S = KISSY, DOM = S.DOM; //创建一个层 DOM.create(‘<div>’); //创建......

使用jQuery和css进行更好的checkbox按钮设计

jquery checkbox

有很多场景需要我们用checkbox来进行诠释,比如一些开关配置的启用与否,当然,原始的checkbox已经深入人心,相信大多数的网站都会采用这种方式与用户进行交互,苏河今天要提出的就是一种不同的交互方式,我们姑且称它为开关式交互(请猛击这里查看demo),这种交互方式相信大家或多或少都能在一些网站上见到过,那么今天,苏河就采用jQuery插件对这种交互进行实现......