jQuery插件
Galleriffic | Demo
Posts Tagged ‘MooTools’
2009.
08.
20
16个SNS网站常用JS组件
1. Facebook jQuery聊天框。
Facebook本身有一个不错的IM软件，这个组件教你怎么模仿faceback的样式实现一个在线聊天框。
2009.
07.
9
9个javascript语法高亮插件
语法高亮效果使用非常频繁，特别是在博客里展示各种代码的时候，可以让代码更易读。我们身边就有很多语法高亮的插件，其中大部分是用javascript写的，也有一些是通过server端语言实现（比如Phyton或Ruby）。
下面介绍的是一些纯javascript实现的语法高亮插件。
英文原文：http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/
1. SyntaxHighlighter
我相信这个插件是我们使用多的，它支持超多的语言，如果遇到不支持的语法还支持自定义。
2. SHJS
SHJS 是js语法高亮插件的代表，它支持很多编程语言，兼容Firefox 2 &3, IE 6 & 7, Opera 9.6, Safari 3.2 &Chrome 1.0。
3. beautyOfCode
beautyOfCode 是一个基于jQuery的语法高亮插件，使用了Alex Gorbatchev的语法高亮脚本使它更贴近 XHTML标准。
4. Chili
Chili is也是基于jQuery的语法高亮插件，支持很多语言并且带很多可配置项。
5. Lighter.js
Lighter.js是基于MooTools的免费语法高亮插件， 简单易用。
6. Highlight.js
highlight.js 同样是简单易用，支持多数语言，它有很多可以跟CMS、论坛和博客整合的插件。
7. DlHighlight
DlHighlight是一款比较简单的高亮插件，仅支持JavaScript, CSS, XML, HTML。
8. Google Code Prettify
Google Code Prettify是谷歌出品的语法高亮插件，可以高亮html页面中的部分代码片段。
9. JUSH
JUSH是另外一个 jQuery语法高亮插件 ，支持HTML, CSS, PHP, PY 和 SQL。
本文链接：http://jsssc.cn/9-useful-javascript-syntax-highlighting-scripts/
本站所有文章，除特别标明外，皆为原创。如需转载，请保留本说明文字并以链接的形式保留本文链接和出处:
转载自:9个javascript语法高亮插件| 路可
2009.
06.
21
30个实用的ajax灯箱和模态窗口解决方案
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 [...]
2009.
06.
10
14个华丽的javascript图表资源和插件
最近我分享一许多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， 在 [...]
2009.
05.
9
一些不错渐隐弹出效果
节选自原文：http://devsnippets.com/article/10-transition-effects-the-art-of-showinghiding-content.html
1.Jquery实现的淡入淡出效果
这种淡入淡出的效果可以应用在图片，文字片段，甚至任何节点，未激活时该效果显示30%的透明度，鼠标hover效果为100%的透明度，很适合在网页的局部内容表现上使用。
$(document).ready(function(){
$(”ELEMENT HERE”).fadeTo(”slow”, 0.3);
$(”ELEMENT HERE”).hover(function(){
$(this).fadeTo(”slow”, 1.0);
},function(){
$(this).fadeTo(”slow”, 0.3);
});
});
查看示例 下载
2.模仿igoogle界面
这里应用使用了Jquery UI库、sortable（排序表格）和draggable（可拖拽)插件，可以创建类似igoogle那样可以拖拽的小窗口门户，每个小窗口都可以编辑、移动、关闭，这些效果都有比较友好的平滑过渡效果，并且可以保存界面设置（需要后台支持）。
查看示例 下载
3.滑出式注册登陆框
这个从上面滑出的注册登陆框的效果是用mootools实现的。
查看示例 下载
4.平滑过渡下来的菜单
鼠标经过菜单的时候在该菜单会在600ms内伸长150px，鼠标离开时会慢慢将延伸的菜单慢慢变回原来的高度，比较简单的效果。
查看示例 下载
5.延迟加载图片
这个是非常实用的效果，当网页上有很多图片需要滚动条时，使用该插件即可实现在滚动到相应位置时才去临时加载该图片，运用得好可以大大提高页面载入输入。
查看示例 下载
6.AJAX动态弹出内容
比较炫的动态加载内容到当前页面的效果，载入窗口会跳动出现，在某些地方可以替换类似lightbox等插件。基于mootools实现。
查看示例 下载
7.折叠页角
jQuery UI 和 resizable 库实现的折角效果。
查看示例 下载
转载请注明出处：jsssc
