标签:jQuery

使用jQuery和CSS3制作的响应式水平时间轴

使用jQuery和CSS3制作的响应式水平时间轴

2015年12月18日作者:月光光

我们经常看到有很多的垂直时间轴用来记录事件进展,而有朋友问我要求分享水平的时间轴,其实水平时间轴的难点在于自适应屏幕尺寸。那么 今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平时间轴。阅读全文

适合移动应用的日期时间拾取器

适合移动应用的日期时间拾取器

2015年11月07日作者:月光光

这是一个适合移动设备WEB应用的日期和时间拾取器,在桌面版的日期拾取器我们一般用jQuery UI的datepicker插件,而移动手机版的日期拾取器则可以根据项目需求选择与jQuery Mobile配合的mobiscroll.js插件,它提供了友好的日期和时间选择操作界面,且易于配置和使用。阅读全文

基于jQuery的扇形定时器

暂无图片

2015年10月20日作者:月光光

Pietimer是一个可以在页面上生成一个扇形变化的定时器,它基于jQuery,可以自定义定时时间秒数,自定义扇形的颜色、宽度和高度等,并且支持定时结束时回调函数,可以控制开始和暂停,适用于需要定时器的页面如在线考试、限时抢购的场景。阅读全文

超酷的照片墙展示效果

暂无图片

2015年10月03日作者:月光光

这是一个超酷的照片墙展示效果,很多照片结合淡入淡出、旋转、缩放、倾斜及3D效果,照片快速从左侧切入,做旋转3D效果,最后在照片墙上整齐排列,为用户展示了超酷的照片墙展示效果。阅读全文

jQuery复制表单元素

jQuery复制表单元素

2015年09月29日作者:月光光

我们在提交表单时,有时会遇到需要重复添加多个相同表单元素,如订单信息中需要添加多个不同型号的产品、表单数据中新增字段信息等。这个时候我们可以在表单中直接放置一个“新增一项”或“复制”按钮,通过点击按钮即可实现复制表单元素。阅读全文

基于jQuery的进度条展示效果

基于jQuery的进度条展示效果

2015年09月22日作者:月光光

Bar Indicator是一款基于jQuery的进度条数据展示插件,它可应用于数据统计展示、投票统计以及任务进度等诸多场景中。它使用简单、选项丰富,几乎可以满足用户所有基于进度条的WEB设计需求,本文将结合实例给大家讲解Bar Indicator的使用。阅读全文

JS实现网页加载进度条

JS实现网页加载进度条

2015年09月12日作者:月光光

网页进度条能够更好的反应当前网页的加载进度情况,loading进度条可用动画的形式从开始0%到100%完成网页加载这一过程。但是目前的浏览器并没有提供页面加载进度方面的接口,也就是说页面还无法准确返回页面实际加载的进度,本文中我们使用jQuery来实现页面加载进度条效果。阅读全文

jQuery实现多条件筛选

jQuery实现多条件筛选

2015年07月16日

我们在电商平台购买商品时,在商品列表页根据品牌、款式、价格范围等条件进行筛选查询,当点击某个条件时,在页面上会显示用户所选择的条件集合,并且将对应的符合条件的商品信息展示出来。那么今天我们使用jQuery来实现这一前端效果。阅读全文

使用鼠标滚轮或者手势滑动到页面节点部分

暂无图片

2015年06月28日作者:月光光

有时我们需要做一个单页面介绍产品特性,而单页面内容非常多且页面非常长,为了快速定位到产品特性节点,我们使用js侦听用户滚轮事件,当用户触发滚轮滑动或者使用手势触屏滑动时,即可定位到相应的节点。一款jQuery插件叫Scrollify帮我们做到了。阅读全文

使用fakeLoader.js创建页面加载动画

使用fakeLoader.js创建页面加载动画

2015年06月24日作者:月光光

fakeLoader.js是一个轻量级的jQuery插件,它可以帮助我们创建一个全屏的加载过渡动画,当页面加载时,显示加载动画,当页面内容加载完成后动画消失显示页面内容。阅读全文