存档: 十月, 2009

升职了,自己小小庆祝一下

没有评论 2009年10月28日

昨天系里开会,传达了学校的文件,网络中心正式被学校承认,我也正式被任命为网络中心的主任了。

虽然“网络中心”目前只是一个教研室级别的部门,远称上不“独立部门”,但这总是一个好的开始。

虽然我目前只是个光杆司令,手底下只有高召友一个部下,但至少前几年的工作得到了肯定。

虽然我不擅长与领导打交道,但这至少也说明我当初决定成为我校网络的第一人的想法没错。

后面的路还很远,不善于处理人际关系的我走起来将会很累。朋友一直推荐我看一下“沧浪之水”,但看是一码事,实际做起来就是另一码事了……

吸尘器的非常规用法

4 条评论 2009年10月25日

昨天暖气试压,早上一觉睡醒发现房间里竟然一片积水,原来是楼上暖气漏的水顺着暖气管注入了我们家。

没办法,赶紧收拾吧,拿几件旧衣服把地面上的水全都拧到了脸盆里,但地面依然很湿,按朋友的说法,应该把地板全都掀起来,晾干后再找人重新铺上。不过我跟老婆都是懒人,而且装修都装怕了,实在不想这么麻烦。

忽然我灵光一闪,想到了家里的吸尘器——我可不是想把地面的湿气吸走——因为功率大,吸尘时排风口排出来的风都有些烫,赶紧把管子拆下来,然后用排风口靠近地板一阵吹,效果竟然很棒!

吸尘器

就靠它,我把两间屋里的地板全都吹干了,省了很多麻烦。虽然这样吹只是从表面上向下干,地板贴近地面的下部可能还是潮湿的,但在不掀地板的前提下,这大概是最好的效果了吧。

事后到网上搜了一下“吸尘器妙用”,发现虽然用法很多,但却全都是用它“吸”的功能,没有一个象我这样用它“吹”的功能,把它当成超大号吹风机来用的,佩服一下自己先 :D

开发者,你真的敢对IE6说不?

5 条评论 2009年10月24日

当年win98自带IE5.5时写脚本那叫一个痛苦呀,那时最强烈的一个感受就是:到底什么时候友好的IE6才能普及?

当然,该走的总是要走的,该来的最终也会来的,一切只是时间的问题而已——不知道什么时候起,IE5.5已经彻底消失了。不过麻烦并没有随之结束,现在我们已经头痛起IE6来了:IE6不规范的CSS支持让无数前台设计师伤尽了脑筋。于是就有了向IE6说不的运动。国内也不乏追随者,更有甚者,你用IE6我就不让你看我的网站,譬如:你就不能用IE6浏览macji老赵的博客。

这两位Bloger这么做主要是因为他们的Blog主要是是技术类的网站,浏览他们Blog的多是IT圈的人士,多是在用或会用其它浏览器的人,至于那少部分从搜索引擎过来的只用IE6的浏览者,二位博主是不看在眼里的。而国外一些大公司的网站参与向IE6说不的运动,是因为国外大约只有25%的用户在用IE6而已。

我虽然头痛IE6,但我的机器上装的IE却一直保持在IE6的版本,从未升级,因为我做的页面要到IE6中去测试,再怎么说,用测试工具看到的效果不如直接用IE6看到的效果实在。至于IE7、IE8,因为其对CSS较友好的支持,在FireFox中能正常显示的在它们中就能正常显示,所以我一般就不特意去做测试了。

为什么我要尽力保证IE6的兼容?因为我所能拿到的数据中显示IE6的用户远远不止25%这么少:


某站一的访问者浏览器统计


某站二的访问者浏览器统计

以上是我拿到的两个小站的浏览器统计,从中可以看到国内IE6的用户比例还是很大的,特别是第一个站点,IE6用户用户总计竟能达到70%多。当然,不同类型的网站用户群不同,各种浏览器所占比例也不尽相同。但不管什么类型的网站,其用户浏览器统计中IE6所占比例都决不在小数。

对于这样一种国情,有多少设计师敢对IE6说不?至少我不敢——除非我想看到我的客户没有客户。

积极地去改变这个世界是一种好的心态,但走了极端就不同了。对于赢利性(收费的、靠广告费的)的网站,拒绝用户等于扔掉Money;对于Blog等个人站,拒绝用户还不如直接拿个单机版的日记软件自己写自己看呢。

其实,在很多开发者看来,敢于向IE6说不的设计者是牛,只不过他们这只是邮局老大妈对顾客爱理不理的“牛”,而在设计或编码中能尽可能顾及当前多数用户的人才是真的大牛!

声纳电源管理软件——只怕想不到,不怕做不到

1条评论 2009年10月21日

不能不说,创意无所不在,有谁能想到音箱跟麦克风这两样最基础的东西竟然能当作高级外设来使用——拿来模拟声纳,探测电脑(笔记本)前是否有人,从而实在人不在的时候自动关闭显示器屏幕。这就是Sonar Power Manager的实现原理及作用。

SonarPM实现原理

为了让笔记本的显示器能用得久一点,我不得不想各种办法让显示器自动关闭,如:音速启动的内置功能、省省看(似乎已死掉了)的快捷键、以及一些专门用来实现关屏的软件,但实际上我用得最多的却是系统电源管理的5分钟“后自动关闭显示器”,原因很简单:我匆匆离开电脑时总是忘了去按一下关屏的快捷键……

不过,SonarPM这个软件似乎解决了这个问题:可以自动检测人是不是在跟前,而不仅仅是看有无键盘鼠标操作。

据说这个软件只对笔记本有效,不过,看原理图,似乎用台式机的话只要音箱+麦克风摆放合适的也能起作用的。

最后一点,安装后试用了一下,感觉不是太好用,只要我一不动鼠标键盘就给我关屏——当我透明的嘛?不过,有了这个创意,相信这个软件(开源的)会越做越好的。

[转]240个jQuery实现AJAX插件(带部分效果图)

1条评论 2009年10月19日

最近半年用jQuery比较多,经常到处找各种jQuery的插件或特效,今天偶然看到有人整理了240个jQuery的插件,虽然仅有简单的名字跟网址而没有哪怕简单的说明,但至少也有一个大体的分类了,转一份以备后用吧。另外,原文只能显示三张图片,我转载的时候顺便把那些不能显示的图全都下载到本地服务器上了。

jQuery 是继 prototype 之后又一个优秀的 Javascript. 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及 的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript. 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆js来调用命令了,只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章,特推荐如下。
JQuery_001

Ajax File Upload.
jQUploader.
Multiple File Upload plugin.
jQuery File Style.
Styling an input type file.
Progress Bar Plugin.

表单验证(Form. Validation)

jQuery Validation.
Auto Help.
Simple jQuery form. validation.
jQuery XAV – form. validations.
jQuery AlphaNumeric.
Masked Input.
TypeWatch Plugin.
Text limiter for form. fields.
Ajax Username Check with jQuery.

表单-选取框(Form. – Select Box stuff)

jQuery Combobox.
jQuery controlled dependent (or Cascadign) Select List.
Multiple Selects.
Select box manipulation.
Select Combo Plugin.
jQuery – LinkedSelect
Auto-populate multiple select boxes.
Choose Plugin (Select Replacement).

表单基本、输入框、选择框等(Form. Basics, Input Fields, Checkboxes etc.)

jQuery Form. Plugin.
jQuery-Form.
jLook Nice Forms.
jNice.
Ping Plugin.
Toggle Form. Text.
ToggleVal.
jQuery Field Plugin.
jQuery Form’n Field plugin.
jQuery Checkbox manipulation.
jTagging.
jQuery labelcheck.
Overlabel.
3 state radio buttons.
ShiftCheckbox jQuery Plugin.
Watermark Input.
jQuery Checkbox (checkboxes with imags).
jQuery SpinButton Control.
jQuery Ajax Form. Builder.
jQuery Focus Fields.
jQuery Time Entry.

时间、日期和颜色选取(Time, Date and Color Picker)

jQuery UI Datepicker.
jQuery date picker plugin.
jQuery Time Picker.
Time Picker.
ClickPick.
TimePicker.
Farbtastic jQuery Color Picker Plugin.
Color Picker by intelliance.fr.

投票插件(Rating Plugins)

jQuery Star Rating Plugin.
jQuery Star Rater.
Content rater with asp.net, ajax and jQuery.
Half-Star Rating Plugin.

搜索插件(Search Plugins)

jQuery Suggest.
jQuery Autocomplete.
jQuery Autocomplete Mod.
jQuery Autocomplete by AjaxDaddy.
jQuery Autocomplete Plugin with HTML formatting.
jQuery Autocompleter.
AutoCompleter (Tutorial with PHP&MySQL).
quick Search jQuery Plugin.

编辑器(Inline Edit & Editors)
JQuery_002

jTagEditor.
WYMeditor.
jQuery jFrame.
Jeditable – edit in place plugin for jQuery.
jQuery editable.
jQuery Disable Text Select Plugin.
Edit in Place with Ajax using jQuery.
jQuery Plugin – Another In-Place Editor.
TableEditor.
tEditable – in place table editing for jQuery.

多媒体、视频、Flash等(Audio, Video, Flash, SVG, etc)

jMedia – accessible multi-media embedding.
JBEdit – Ajax online Video Editor.
jQuery MP3 Plugin.
jQuery Media Plugin.
jQuery Flash Plugin.
Embed QuickTime.
SVG Integration.

图片(Photos/Images/Galleries)

ThickBox.
jQuery lightBox plugin.
jQuery Image Strip.
jQuery slideViewer.
jQuery jqGalScroll 2.0.
jQuery – jqGalViewII.
jQuery – jqGalViewIII.
jQuery Photo Slider.
jQuery Thumbs – easily create thumbnails.
jQuery jQIR Image Replacement.
jCarousel Lite.
jQPanView.
jCarousel.
Interface Imagebox.
Image Gallery using jQuery, Interface & Reflactions.
simple jQuery Gallery.
jQuery Gallery Module.
EO Gallery.
jQuery ScrollShow.
jQuery Cycle Plugin.
jQuery Flickr.
jQuery Lazy Load Images Plugin.
Zoomi – Zoomable Thumbnails.
jQuery Crop – crop any image on the fly.
Image Reflection.

Google地图(Google Map)

jQuery Plugin googlemaps.
jMaps jQuery Maps Framework.
jQmaps.
jQuery & Google Maps.
jQuery Maps Interface forr Google and Yahoo maps.
jQuery J Maps – by Tane Piper.

游戏(Games)

Tetris with jQuery.
jQuery Chess.
Mad Libs Word Game.
jQuery Puzzle.
jQuery Solar System (not a game but awesome jQuery Stuff).

表格等(Tables, Grids etc.)

UI/Tablesorter.
JQuery_003

jQuery ingrid.
jQuery Grid Plugin.
Table Filter – awesome!.
TableEditor.
jQuery Tree Tables.
Expandable “Detail” Table Rows.
Sortable Table ColdFusion Costum Tag with jQuery UI.
jQuery Bubble.
TableSorter.
Scrollable HTML Table.
jQuery column Manager Plugin.
jQuery tableHover Plugin.
jQuery columnHover Plugin.
jQuery Grid.
TableSorter plugin for jQuery.
tEditable – in place table editing for jQuery.
jQuery charToTable Plugin.
jQuery Grid Column Sizing.
jQuery Grid Row Sizing.

统计图(Charts, Presentation etc.)

jQuery Wizard Plugin.
jQuery Chart Plugin.
Bar Chart.

边框、圆角、背景(Border, Corners, Background)

jQuery Corner.
jQuery Curvy Corner.
Nifty jQuery Corner.
Transparent Corners.
jQuery Corner Gallery.
Gradient Plugin.

文字和超链接(Text and Links)

jQuery Spoiler plugin.
Text Highlighting.
Disable Text Select Plugin.
jQuery Newsticker.
Auto line-height Plugin.
Textgrad – a text gradient plugin.
LinkLook – a link thumbnail preview.
pager jQuery Plugin.
shortKeys jQuery Plugin.
jQuery Biggerlink.
jQuery Ajax Link Checker.

鼠标提示(Tooltips)

jQuery Plugin – Tooltip.
jTip – The jQuery Tool Tip.
clueTip.
BetterTip.
Flash Tooltips using jQuery.
ToolTip.

菜单和导航(Menus, Navigations)

jQuery Tabs Plugin – awesome!. [demo nested tabs.]
another jQuery nested Tab Set example (based on jQuery Tabs Plugin).
jQuery idTabs.
jdMenu – Hierarchical Menu Plugin for jQuery.
jQuery SuckerFish Style.
jQuery Plugin Treeview.
treeView Basic.
FastFind Menu.
Sliding Menu.
Lava Lamp jQuery Menu.
jQuery iconDock.
jVariations Control Panel.
ContextMenu plugin.
clickMenu.
CSS Dock Menu.
jQuery Pop-up Menu Tutorial.
Sliding Menu.

http://stilbuero.de/jquery/tabs_3/

幻灯、翻转等(Accordions, Slide and Toggle stuff)

jQuery Plugin Accordion.
jQuery Accordion Plugin Horizontal Way.
haccordion – a simple horizontal accordion plugin for jQuery.
Horizontal Accordion by portalzine.de.
HoverAccordion.
Accordion Example from fmarcia.info.
jQuery Accordion Example.
jQuery Demo – Expandable Sidebar Menu.
Sliding Panels for jQuery.
jQuery ToggleElements.
Coda Slider.
jCarousel.
Accesible News Slider Plugin.
Showing and Hiding code Examples.
jQuery Easing Plugin.
jQuery Portlets.
AutoScroll.
Innerfade.

拖放插件(Drag and Drop)

UI/Draggables.
EasyDrag jQuery Plugin.
jQuery Portlets.
jqDnR – drag, drop resize.
Drag Demos.

XML XSL JSON Feeds

XSLT Plugin.
jQuery Ajax call and result XML parsing.
xmlObjectifier – Converts XML DOM to JSON.
jQuery XSL Transform.
jQuery Taconite – multiple Dom updates.
RSS/ATOM Feed Parser Plugin.
jQuery Google Feed Plugin.

浏览器(Browserstuff)

Wresize – IE Resize event Fix Plugin.
jQuery ifixpng.
jQuery pngFix.
Link Scrubber – removes the dotted line onfocus from links.
jQuery Perciformes – the entire suckerfish familly under one roof.
Background Iframe.
QinIE – for proper display of Q tags in IE.
jQuery Accessibility Plugin.
jQuery MouseWheel Plugin.

对话框、确认窗口(A
lert, Prompt, Confirm Windows)

jQuery Impromptu.
jQuery Confirm Plugin.
jqModal.
SimpleModal.

CSS

jQuery Style. Switcher.
JSS – Javascript. StyleSheets.
jQuery Rule – creation/manipulation of CSS Rules.
jPrintArea.

DOM、AJAX和其它JQuery插件(DOM, Ajax and other jQuery plugins)

FlyDOM.
jQuery Dimenion Plugin.
jQuery Loggin.
Metadata – extract metadata from classes, attributes, elements.
Super-tiny Client-Side Include Javascript. jQuery Plugin.
Undo Made Easy with Ajax.
JHeartbeat – periodically poll the server.
Lazy Load Plugin.
Live Query.
jQuery Timers.
jQuery Share it – display social bookmarking icons.
jQuery serverCookieJar.
jQuery autoSave.
jQuery Puffer.
jQuery iFrame. Plugin.
Cookie Plugin for jQuery.
jQuery Spy – awesome plugin.
Effect Delay Trick.
jQuick – a quick tag creator for jQuery.
Metaobjects
.
elementReady.

图象幻灯片展示和画廊插件

1) Galleria -这是一个用jQuery编写的javascript图像画廊插件。


2) jQuery Multimedia Portfolio -支持多种多媒体格式,包括:图片,视频 (flv), 音频 (mp3), 并且自动侦测每个文件的扩展名再分别调用合适的播放器。


3) wSlide -通过列表名单切换动画盒式的内容区域。


标签云

4) Hover Sub Tags- 使用jQuery来缩小标签云所占成的页面,比如你有一个”Ajax”的标签, 你可以在这个标签里面再放入二级标签 jquery, mootools, 等…当鼠标悬浮在一级标签上时,就出现一个动态提示效果的二级标签云。


分页系统

5) Pagination-创建一个分页导航,当你的网页内容比如多的时候,比较适合使用这种分页导航系统,同时也有利于SEO。这个利用jQuery编写的分页导航的特点是,你可以把它与搜索相结合,控制搜索结果的显示文章数。


导航系统

6) Accordion Menu -这是一个手风琴效果的演示, 标题使用 H3 标签, 子菜单使用UL标签来实现伸缩。


7) jQuery Treeview Plugin


8 ) Coda-Slider- 一个强大的jQuery滑动门技术,效果平滑,很酷。支持上下页的控制。


9) Simple Horizontal Accordion


表格和网格

10) TableRowCheckboxToggle – 它笼统地加入了切换功能,以任何表行您所指定的基础上的CSS类的名字。它将默认切换任何复选框内的表行。


11) TableEditor – Tableeditor提供了灵活的实时编辑的HTML表格。


12) Ingrid – Ingrid是一个个性的jquery插件,可以为你的图表添加很多网格数据行为,包括大小,分页,整理,排柱造型以及更多。


表单

13) jQuery Nice Form -创建自定义风格的表单事件。


14) Easy Multi Select Transfer 选项菜单选中后到达另一个选项栏的效果。


15) jQuery Form Plugin- 让你轻松自然地升级HTML表单使用Ajax表单和提交的方法,以方便从从表单元素中搜集资料,并决定如何管理提交进程,让你对数据如何提交能有充分的控制权。


滚动和滑动技术

16) jQuery.SerialScroll -此插件可以让你很容易实现任何动画的一系列要素依次滚动。你可以用它作为一节滑块,滚轮文本,幻灯片,新闻股票等。


17) liScroll - LiScroll是一个 jQuery 插件,可以让你转换任何无序列表为一个滚动内容展示。


18) Spinner -可以让你在一个固定区域里无限量的增加内容进行滚动样式的展示。


表单事件

19) jWYSIWYG 一个可以内嵌网页的所见即所得的HTML文本编辑插件。


20) Simple chained combobox -很简单的一个jquery选项插件,通过JSON的加工和返回特点,提供连锁反应式的多重选择。


21) jQuery checkbox


22) jGrow


Toggling

23) jTruncate in Action -jtruncate可以自定义截断你网页中的文本实体。


24) toggleElements – toggleElementS是一个展开/隐藏效果的jqurey插件。


渐变和阴影

25) Drop Shadows -这个插件可以为你的文本生成一个非常有趣的阴影效果。


26) Gradient jQuery plugin – 实现渐变效果,你可以设定渐变的方向和透明度值。


27) Gradient -让你拥有一个动态渐变效果的背景,不需要使用任何图片。


Lightbox灯箱效果

28) Facebox 基于jQuery, Facebook风格的lightbox灯箱插件,可以显示图片、DIV层和文章页面等。


29) jQuery Lightbox Plugin- (balupton edition)


拾色器

30) jQueryColorPicker -一个简单的jquery拾色器插件,可以让用户选择色盘中的颜色来实现背景颜色的切换。


值得试用的一些jQuery插件

31) Animated InnerFade- 完全符合w3c标准的动画幻灯片插件。


32) Easy POP Show 1.0 Release -全屏幕显示的画廊插件。


33) jqChart- Ajax的图表插件


34) UI Datepicker -一个简单的jQuery UI日期拾取器.


35) JSmile -一个完全自定义的添加特定表情图标的插件。


36) ImgAreaSelect – imgAreaSelect是一个 jQuery插件,可以让你在一张图片中选择一个矩形,并且可以列出坐标值。


37) jPrintArea-jPrintArea是一个简单的,用来打印指定的文本内容。查看DEMO演示


38) jTabber- 一个Tab选项卡切换技术,不需要重新载入页面


39) jQuery Calculation Plug-in – 一个计算类插件。可以让你计算一些简单或是复杂的数学公式。


40) jquery.biggerlink – 这个jQuery插件可以让你为指定的链接添加成在线代理后的链接地址。


41) Humanized Messages- 在你的网页上显示一个半透明的内容信息,但是当用户有任何操作时,它就会慢慢消失。


42) Ajax Manager 帮助你管理AJAX请求和回应,(比如,放弃请求,锁定请求,排序请求等).


43) Background-Position Animation


44) Lazyload-Delays loading of images in (long) web pages. Images below the fold (the ones lower than window bottom) are not loaded. When scrolling down they are loaded when needed.Check out their demo page


45) jQuery Tag Suggestion- The same tag suggesting as-you-type support that del.icio.us is uses.Check out their demo page


Sliding Panels -滑动门控制
1) Sliding Panels For jQuery -元素可以展开或关闭,创建出手风琴的滑动效果。

(2) jQuery Collapse -这个jQuery插件同样点击后滑动展开或关闭DIV层。

Menu - 菜单
3) LavaLamp

menu

(4) A Navigation Menu- 锚链接的无序列表嵌套, 可以添加2级菜单

menu

(5) SuckerFish Style

menu

Tabs – 选项卡
6) jQuery UI Tabs / Tabs 3 – 基于 jQuery 的一个Tab选项卡导航

(7) TabContainer Theme – 当用户在选项卡之间进行切换时,产生JQuery风格的淡出动效果。


Accordion- 手风琴效果
8 ) jQuery Accordion

Demo
accordion

(9) Simple JQuery Accordion menu

accordion
SlideShows - 幻灯片
10) jQZoom-让你在你的网页上很简单的实现图片的缩放功能。

rating

(11) Image/Photo Gallery Viewer- 一个图像/相片的画廊展示插件。可以让你对图片进行分组、并产生像Flash一样的多种浏览特效。

rating
Transition Effects – 过渡特效
12) InnerFade - 可以让网页中的任何元素产生淡化效果

(13) Easing Plugin-另外一个简单的过渡效果插件

(14) Highlight Fade

(15) jQuery Cycle Plugin- 拥有多种过渡效果的一个Gallery插件。

accordion

奇幻的jQuery
16) Riding carousels with jQuery – 这个jQuery插件可以生成一个水平或垂直的列表,并且允许你控制DIV层的滑动显示。

Demo :

Color Picker -拾色器
17) Farbtastic -这个 jQuery 插件可以让你通过Javascript添加一个或多个拾色器widgets到一个页面中。

Demo :

(18) jQuery Color Picker
LightBox -灯箱效果
19) jQuery ThickBox – is a webpage user interface dialog widget written in JavaScript.

Demo :

(20) SimpleModal Demos – its goal is providing developers with a cross-browser overlay and container that will be populated with content provided to SimpleModal.

Demo :

(21) jQuery lightBox Plugin – simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery′s selector.

Demo :

iframe
22) JQuery iFrame Plugin

Form Validation -表单验证器
23) Validation – 有一套完整相当的形式验证规则。该插件还动态地创建ID和联系信息。

Demo :

(24) Ajax Form Validation – 在客户端使用jquery验证的一种形式,它可以验证用户名是否有效等。

Demo :

(25) jQuery AlphaNumeric -欢迎对对表单域中的某些字符进行限制

Form Elements - 表单事件

(26) jquery.Combobox – 从现在的选择元素中创建一个个性的HTML组合 Demo is here.

(27) jQuery Checkbox -样式化选择框,从而提高交互能力。

(28) File Style Plugin for jQuery -File Style插件让你可以使用图像做为文件浏览按钮,你还可以样式化文件名称区域。

Star Rating - 星形评级系统
rating

(29) Simple Star Rating System

30)Half-Star Rating Plugin

ToolTips -提示工具
31) Tooltip Plugin Examples – 一个花俏的提示应用。 可以对提示信息进行自定义位置, 设置阴影效果和添加更多内容等.你可以点击demo 演示.

(32) The jQuery Tooltip

tool tip

Tables Plugins -表格插件
33) Zebra Tables Demo -使用jQuery来创建出斑马线风格的数据表格,鼠标悬浮时能改变背景色。

Demo :

zebra tables

(34) Table Sorter Plugin - 把一个标准的HTML表格分解成Thead和Tbody标签构成的分类表格,不需要刷新。它能够成功地解析和整理多种类型的数据,包括联系资料。

table sorter

(35) AutoScroll for jQuery -可以生成网页表格的热点自动滚动效果

auto scroll

(36) Scrollable HTML table plugin- 用来转换表格为普通的滚动HTML。不需要额外的编码。

Demo :

Scrollable table
Draggable Droppables And Selectables 拖拽
37) Sortables - 一个简单强大的拖拽插件。

sort

(38) Draggables and droppables- 这是一个很好的演示。用来实现拖拽树形菜单项目的操作

drag drop
Style Switcher - 切换风络
39) Switch stylesheets with jQuery允许访客选择他们喜欢的网站样式,使用了Cookie记录,也就是同一个用户下次再访问时,除非他不切换,否则会保留他选择的样式。

Demo演示.
Rounded Corners 圆角效果
40) jQuery Corner Demo

rounded corners

(41) JQuery Curvy Corners- 这个插件可以让你生成光滑、无锯齿的圆角效果。

rounded corners
Must See jQuery Examples 应该了解的一些jQuery应用实例
42) jQuery Air – 一个非常非常特别的客户管理界面应用插件,太特别了,太太太特别了。

Demo :

(43) HeatColor

Demo :

(44) Simple jQuery Examples

(45) Date Picker -一个灵活个性的jQuery日历组件。

Demo :

(46) ScrollTo -这个jQuery插件可以让你实现当点击链接时中滚动到页面中的某一对象

(47) 3-Column Splitter Layout 一个3栏布局分配插件。

(48) Pager jQuery -一个小巧的 jQuery插件,用来增加分页的页码效果

(49) Select box manipulation

(50) Cookie Plugin for jQuery

(51) JQuery BlockUI Plugin

jQuery实现的幻灯片效果&PNG半透明图片在IE6中的实现

1条评论 2009年10月16日

想在某个网站中使用幻灯片切换的效果,但搜了N多,发现要么太简单,要么复杂得要命,最后选了一个效果还算不错的Featured Content Slider(演示 下载)。这个虽然也比较复杂,但一方面效果还算不错,另一方面,这是个用jQuery实现的效果,而最近我做的站中都使用了大量jQuery脚本,反正也不用特意引用jQuery了,就拿来用吧。

要把这个效果改得适合我的页面倒还真费了不少劲,等差不多改完了时,突然发现其图片下方的文字容器竟然在IE中是不透明的!我晕,又是IE6的问题!当年摆脱IE5.5用了N年的时间来等待,现在IE6恐怕寿命会更长~~

放狗一搜,基本上还是以前的几种解决方案,正当想斟酌一下选择哪一种时,忽然在某博文章中找到一个用VML方法实现PNG在IE6中透明的脚本,用起来也很简单,一试之下,效果好极了~