杭州网站建设
225月

三大极致优雅的jQuery插件

jQuery插件总是能够给你带来意想不到的交互效果。

网站建设的前端开发过程中,为了实现一些优雅的交互效果,达到优化用户体验的目的,或多或少都会使用到一些优秀的jQuery插件。

遵照jQuery提出的"Write Less, Do more"理念,我们应该提倡这种借助优秀jQuery插件来达到自己想要的交互效果的目的。在这里,佚站互联为大家推荐几个非常优秀的jQuery插件,希望能够对大家有所帮助。


jQuery对话框插件——alertify.js


jQuery对话框插件
虽然自己使用jQuery写一个弹出对话框效果并非难事,但是偶然发现这样一个设计精美,交互极其优雅的jQuery对话框插件,还是忍不住研究一番。

alertify.js是一个轻量级带有对话框窗口以及提示的插件,当你拿来使用的时候,自定义非常方便,只需要调用它所提供的API函数便可以方便快捷地使用它。调用方式可以参考以下代码:// 弹出对话框
galertify.alert("Message");

// 确认对话框alertify.confirm("Message",function (e) {    if(e) {        // 当用户点击“ok”    } else {        // 当用户点击“cancel”    } });除此之外,它在IE浏览器下的兼容性效果也不赖。

插件详情


jQuery表单插件——iCheck

jQuery表单插件

Form表单是大家在网站前端开发中经常使用的HTML元素,可是往往默认的表单元素样式与交互效果不够精美优雅。

在苦苦寻觅之中,终于找到了这个可以定制Form部分表单元素样式,并且具有优雅交互效果的jQuery插件。调用方式可以参考以下代码:

$(document).ready(function() {     $('input').iCheck({         checkboxClass:'icheckbox_minimal',         radioClass:'iradio_minimal'    }); });

它的优点在于小巧、而且可以自定义Check和Radio元素的色彩,非常方便。不过遗憾的是它并没有支持所有的表单元素效果,所以推荐可以与Bootstrap一起使用。

插件详情


jQuery上传插件——jQuery File Upload

jQuery上传插件

上传功能在一些企业网站建设里面经常会使用到,自从有了HTML5以后,上传的效果更是丰富多彩,类似于上篇《网站开发工具》里提到的Chrome、Firefox等高级浏览器甚至支持拖拽功能。

该插件非常简洁方便,着实好用,支持多文件选择,拖拽上传文件,进度条显示以及预览图片功能。

它还支持跨域以及客户端对图片尺寸的改变,兼容任意服务器平台(PHP, Python, Ruby on Rails, Java等)。

插件中还融入了简单的CSS3动画效果,感兴趣的朋友不妨一试。

插件详情


写在文章最后

无论使用哪个插件,最终的目的还是为了优化用户体验,给用户创造更好的网站印象,如果您有其他更为优秀的jQuery插件,不妨共同分享一下


版权属于:佚站互联 - 杭州网站建设

原文地址:http://www.yeahzan.com/blog/item/42-47.html

转载时必须以链接形式注明原始出处及本声明。

文章作者: Benz , 文章分类: 网站建设

关于作者

Benz

评论 (0)

发表评论

请登陆后发表评论。