jQuery插件
Galleriffic | Demo
1. Facebook jQuery聊天框。
Facebook本身有一个不错的IM软件,这个组件教你怎么模仿faceback的样式实现一个在线聊天框。
脚本的最大优点就是仅仅一小段巧妙就可以极大地提升网站的用户体验,得意于Mootools开发社区非常擅长于开发一些专业的高质量插件,我今天可以收集到一些值得在网站设计中使用的插件,他们可以帮助你提高网站用户体验到一个新的层次,当前前提是你喜欢mootools。
引文原文:http://davidwalsh.name/7-mootools-plugins
AutoGrow
我很确信文本域和文本框都应该提供一个可以自动放大的效果,AutoGrow 可以让文本域的大小自动的渐变,这样你即便输入很多容内也可以在文本域内完整的看到所有内容。
Download && DEMO
FancyForm
FancyForm 是checkbox增强插件,用来替换表单中奇丑的checkbox和radio,FancyForm 的样式完全由css控制。
Website & Download Documentation Example Usage
Milkbox
图片丰富的网站都少补了一个好的灯箱效果(更多的灯箱效果可以猛点这里:http://jsssc.cn/30-useful-ajax-lightbox-and-modal-dialog-solutions/)插件,Milkbox包含了实现所有灯箱效果的脚本,它可以轻松实现各种经典的渐变效果到页面元素上,经常用在flash视频,图片集,xml画廊。
Website, Download, Documentation, & Example Usage
Quickboxes
不要让用户一个亿个去点击很多的复选框,Quickboxes允许通过点击并拖动来同时选中多个复选框,只需点击其中一个然后拖动鼠标,有鼠标经过的复选框都可以被选中(也可以设置成切换选中状态),有时候你的用户可能需要选中复选框中的一部分而已, Quickboxes可以帮你忙。
Website & Download Documentation Example Usage
SmoothScroll
SmoothScroll可以让页面缓缓地移动到指定的锚点,从而可以代替默认的跳动效果。
Website & Download Documentation Example Usage
Tips
Tips是用来代替默认的提示title的效果,它帮你创建富有质感的提示框。
Website & Download Documentation Example Usage
ZebraTables
ZebraTables 帮你实现表格的隔行换色、单击变色、鼠标滑过变色效果。
Website & Download Documentation Example Usage
本文链接:http://jsssc.cn/7-mootools-plugins
本站所有文章,除特别标明外,皆为原创。如需转载,请保留本说明文字并以链接的形式保留本文链接和出处:
转载自:7个网页效果mootools插件| 路可
1. Lightbox2
Lokesh Dhakar完成的一个非常流行的灯箱效果插件,它基于prototype 和scriptaculous 框架,不过只支持图片集展示。
2. Lightbox Gone Wild
Lightbox Gone Wild的灵感来自lightbox,除了图片它还支持展示表单和html片段.,基于 prototype 和scriptaculous.
3. Colorbox
基于CSS和Jquery实现的轻量级可定制的灯箱插件,它支持图片,图片集,ajax,html片段,iframe内容。
4. Fancybox
展示图片集、html片段和多媒体信息,基于jQuery。
5. jQuery Lightbox Plugin
跟第一个介绍的灯箱效果类似的插件,不过它是基于jQuery。
6. prettyPhoto
也是Jquery灯箱插件,支持更多的多媒体格式。
7. Litebox
基于 moo.fx 和prototype.lite的轻量级灯箱插件。
8. Thickbox
类似 lightbox2的效果,但是他在显示内容、iframe、后台输出的内容上有更多的优点,Jquery插件。
9. Slightly Thickerbox
与thickbox效果类似,添加了next和previous按钮用来展示图片。
10. Slimbox
终极轻量级Jquery灯箱效果解决方案。
11. LightView
基于prototype和scriptaculous。 支持多种格式的多媒体信息。
12. jQuery Dialog
jQuery UI 也包含了对话框组件,不过它看起来更像类似表单的对话框,你可以修改成自己需要的样式。
13. Prototype Window
基于 prototype的对话框插件。
14. MochaUI
MochaUI 是基于mootools的UI框架。
15. Facebox
jQuery模态窗口插件,它支持图片、div、远程页面.
16. Boxy
类似Facebox , 支持拖拽和拉伸过渡动画。
17. ModalBox
模态窗口插件,基于 prototype and scriptaculous.
18. Shadowbox
支持绝大多数的媒体格式,可以通过CSS定制风格,独立的javascript解决方案。
19. LightWindows
一个综合的灯箱插件,可以让你在窗口中内嵌图片、视频、firam、flash等等。
20. SimpleModal
又一个 jQuery 模态窗口插件。
21. jqModal
22. Multibox
支持图片、flash、视频、mp3、html片段,基于 mootools。
23. Greybox
可以用来展示网站、图片集等,没有依赖其他ajax框架。
24. Highslide
提供快速平滑的图片展示效果,支持多种格式的内容比如 html,ajax,iframe和flash.
25. Sexybox
还有下面的这些解决方案:
灯箱效果:
VisualLightbox
WebGalleryCreator
Wordpress的灯箱插件:
Lightbox2
jQuery Lightbox
Shadowbox
Flexible [...]
最近我分享一许多css/jquery 有用的资源,这里我将介绍一些用于构建华丽图表的javascript资源和插件,图表是展示数据最有效的方式。
建立一张图表有很多不同的方法,比如falsh、javascript、css,或者一些服务端语言php、asp等,下面介绍图表都是通过javascript实现。
1. Creating accessible charts using canvas and jQuery
这篇文章教你怎么利用 fgCharting(一个jQuery插件)把html的表格转换成一个流行风格的图标、曲线图,这个插件支持很多类型的图标,比如线形、线形填充、线形叠加、叠加的填充线条、饼状图、条状图、叠加的饼状图等。
2. Emprise JavaScript Charts
JavaScript Charts支持很多特性而且有非常完善的开发文档,当时仅仅个人用户才能免费使用。
3. Flot
Flot是一款纯基于jQuery的纯Javascript 库. 它关注的是提供一些简单的应用(所有选项都是可选的)), 引人瞩目的效果和一些比如缩放图片、鼠标跟踪的特性。
4. Canvas Pie Chart with Tooltips
This Mootools pie chart class is based on Stoyan Stefanov’s Canvas Pie.The code now requires less html markup than the original.
5. jQuery Google Charts
6. jQuery Sparklines
jQuery插件,直接通过HTML或者 javascript提供数据来构建一些小型图表 .
7. moochart
moochart基于 MooTools 1.2, 在 [...]