流浪者-Hobo的博客: 三月 2009

最近开始计划要完成的事情

学会XML数据的调用和查询
掌握jQuery,尝试制作自己的插件
AspxGridview的学习和试用
固定资产管理系统的完善工作
《怪物猎人》重新练的人物，打装备中
收集无水印的动漫壁纸
台式机的购买计划
毕业设计
其他计划。。

ifixpng用来解决IE6不支持透明背景问题基于jQuery

推荐一个用来解决IE6不支持透明背景问题的jQuery插件,在我们设计网页的过程中经常遇见这样的问题,我们设计了一个漂亮的图片,并希望这个图片在页面上能够很好的同页面的背景融合,所以这个图片我们普遍是做成某部分是透明的,例如一个标志..但是由于IE6不支持透明的背景,所以我们只好将图片定位,连父层的背景一起截取下来.
但是,现在不需要那样做了,ifixpng这个jQuery很好的解决了这个问题,而且应用起来也很方便.这个插件可以用于 <img/> 和 png 作为背景的元素，只要 $("选择器").ifixpng() 即可。

演示地址:http://jquery.khurshid.com/ifixpng.php
下载地址:http://jquery.khurshid.com/jquery.ifixpng.js
(注意:还需要下载jQuery核心)

(阅读全文...)

基于jQuery的无刷新上传组件

推荐一个基于jQuery的无刷新上传组件,界面简洁,代码简单,调用方便.
下面上个图:

示例代码:

<body>
  <input type="file" name="fileInput" id="fileInput" />
<script type="text/javascript">
$(document).ready(function() {
   ’uploader’:'uploader.swf’,
  ’script’:'upload.php’,
  ’cancelImg’:'cancel.png’,
  ’auto’:true,
  ’folder’:'/uploads’
});
</script>
</body>

演示地址:http://www.uploadify.com/demo/

下载地址:http://www.uploadify.com/download/
(阅读全文...)

Hobo无水印动漫壁纸大放送第2季(13p)

Hobo无水印动漫壁纸大放送第2季(13p)
首先声明一下,这些壁纸均来自网络,现在发出来放回网络,如果侵犯了任何人的个人权益,请及时联系我,或者留言,我时刻关注我的任何文章的留言,如果有的话我会尽快回复.
第二次放出13张壁纸,无水印,如果有朋友要分享给其他人也希望不要加上水印.希望大家能够喜欢.

(阅读全文...)

基于jQuery的简洁大方的警示框效果

这是一个基于jQuery的警示框插件,效果很漂亮,当触发警示框的时候,类似灯箱的效果,出现的提示框可以上浏览者选择相应的操作.而且作者提供了各种需求的演示和代码,方便大家使用.
下面上张图:

本插件演示地址:演示
本插件下载地址:

(阅读全文...)

仿Vista的Ajax日历插件第二版(基于mootool的)

这是一个基于mootool的日期选择插件,调用简单,样式比较类似于Vista的日期选择,当然了如果你有兴趣的话样式之可以自己轻松修改的.

上个图片:

插件演示地址:演示

插件下载地址:下载

(阅读全文...)

强烈推荐：240多个jQuery插件

到目前为止自己试用过的jQuery插件已经不下20种,当然,自己还是没有尝试制作插件.无论是国内的还是国外,都是由很多优秀的插件制作者,比如之前介绍过一个国人制作的日期选择插件就要比国外的同类插件执行效率高很多,不过这些前端开发的资料仍然大量来源于国外,国内有很多精品,但是产量相对较少,而且受关注度也比较差.下面介绍的插件均为外国人的优秀作品(毕竟这篇文章来自国外的blog).希望能对国内比较关注前台开发的朋友提供一些帮助.

本文摘自:TerryLee's Tech Space
英文原帖：http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/

概述

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插件列表的文章，特推荐如下。

文件上传(File upload)

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)

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 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.

鼠标提示（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.

对话框、确认窗口(Alert, 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.

(阅读全文...)

日本人眼中的中国动漫字幕组

作者:項脊軒 (很感激他能找到并且翻译了这篇文章)

Hobo注:我是个比较喜欢动漫的人,但是我不是纯粹的动漫迷,曾经做过一个动漫论坛,也没有接触过字幕组这种先进的东西,但是今天看到这篇文章的时候却有一丝莫名的感动,看到最后的时候也不知道为什么竟然鼻子酸酸的眼圈也红了,当然,并没有落泪下来.或许你看了这篇文章不会有什么感觉,甚至奇怪我的感动从何而来,但是不管怎样,分享这篇文章给网上的朋友,也给亲爱的字幕组成员们.

今天帮朋友找关于日文演讲稿论文的时候，发现的一篇关于日本人看待字幕组的文章，感触颇深！因为是从不同的角度来看待我们中国人熟悉的动漫字幕组，所以就花点时间，把它翻译成中文，给大家看看，日本人眼中的“动漫字幕组”。

==================================

2007年5月，在中国第一次购买了日本动漫的盗版，看了一个又一个的时候，突然发现件有趣的事情。

在中国流通的日本动漫盗版软件，是日本电视台播放的或者是刻录好的原封不动拷贝下来的东西。配音也是原来的日语，所以当然做了中文的字幕。虽然说是盗版，但字幕还是需要制作者自己原创的。

因此做这个应该是需要很高的日语语言水平的，但是一听到盗版，很自然就会想到黑手党呀暴力组织（项脊轩注：我是只会想到那些偷偷摸摸，胆战心惊买卖碟的人-__-!!）很难想象在这样的组织里面有语言能力那么高的。要真是这样的话，我想会是他们雇用了懂日语的专家吧。

但是，我想错了。偶然间我发现了件不得了的事情。

某个盗版动漫播放时候的事。

我的眼睛盯在了电脑屏幕上，在动漫的开头有“字幕组”的字样显现出来。将日语翻译成中文字幕的制作组的名字赫然出现在画面的最上方。同时画面的下侧出现了中文简体字。于是将声音化成中文记载的“字幕”登场了。尽管是盗版，再怎么周到，也不会堂而皇之地把翻译组介绍出来吧。

如果是黑手党那些非法组织的话，应该不敢明目张胆地报上姓名。这到底是怎么回事了？不，等等，字幕组……

这个名称感觉看过，这个所谓的“字幕组”应该和大学里面动漫爱好者协会有关系，也应该被叫做“汉化组”。

我急匆匆地去找了在北京的几个大学里面动漫爱好者协会确认。一问原来这些协会也有人作为志愿者参加过“字幕组”的经历。于是向他们问了如何制作字幕组的方法。一听我便下了一跳，他们原来通过电脑上网简单地就可以制作带有中文字幕的日本动漫。

流程是这样的。

首先在日本有一些人负责录日本动漫，同伴在网上收到动漫录像的数据，就这样一个又一个的动漫出现在大量的网站上，并且这些网站自身也不是见不得的黑网站，好像堂堂正正地打出广告。因为使用了叫做“P2P”的文件共享技术，动漫呀电影就算再大体积的数据好像也可以通过网站媒介利用与共享。

（项脊轩注：在我们看来很普通很平常的事情，在日本人眼里却是“とんでもない”，我们习以为常的盗版，日本人以为只有黑手党或是暴力组织才有胆做的事，我们却是一群热爱日本动漫组织起来的群体，“字幕组”。)

这时候在网上流传的动漫当然是没有字幕的，至此他们这些大学生的“字幕组”出场了。“字幕组”的成员分别用各自的电脑下载动漫，一边播放，一边分工将耳朵里听到的这些日语台词翻译成中文，光把这些写成笔头日语就很吃劲了（项脊轩注:我们中国做听写的，倒是认为原封不动地听写日语下来境界最高），他们却同时把他们翻译成中文，并在键盘上敲出简体中文来。这是需要惊人的日语语言能力的，可是制作组却一口气完成进度，几个小时内就翻译完了一档动漫节目的事常有。翻译一结束，接下来使用影像相关工具软件，在下载下来的动漫里嵌入中文字幕。

这样一来就完工了，接下来他们又通过网络与另外不固定的许多动漫爱好者共享动漫文件。

就是上面所说的这么多。对于这个世界还不了解的我甚为吃惊，但是日后问了责任编辑才知道，在美国1970年末开始也有为日本动漫做原创字幕的活动（fansubber）直到现在也没有停止过，原来在中国也发生了和美国一样的现象啊。

像“字幕组”这样的团队，有几人的也有数十人的情况。在全中国有数不清的“字幕组”团队，各自的人员也不固定，如果大学毕业工作后因为忙，就脱离“字幕组”团队。随之替代的是那些新的日语学习学生加入，真是个缺乏纪律性的团队啊。

并且听说他们都是出于自愿，不收取报酬的。一分钱都不拿，相反是付出了很多的时间和精力。这就意味着虽然是自掏腰包，但没有比全中国的动漫粉丝高兴再开心的事了。这是一名参与者说的。

字幕组的这些人在动漫网站上看见自己亲手做的动漫发布，高兴无比。是哪个字幕组做了字幕，针对成果会有评分，所有都是会在网络上被评价。要说有报酬的话，仅仅是这些评价吧。

这里有的只是善意的纯真和作为动漫爱好者的“骄傲”。（项脊轩注：很感动，日本人竟然能体会到我们的感受。*_*）

(阅读全文...)

Hobo无水印动漫壁纸大放送第1季(13p)

首先声明一下,这些壁纸均来自网络,现在发出来放回网络,如果侵犯了任何人的个人权益,请及时联系我,或者留言,我时刻关注我的任何文章的留言,如果有的话我会尽快回复.
然后讲一下,这些壁纸均为无水印大图,如果您喜欢,并且拿到了这些壁纸,我希望(仅仅是希望)您在分享给别的朋友的时候也不要加上水印.

点击图片进行查看和下载

(阅读全文...)

40多个Ajax,DHTML和Javascript应用技术

原文: Best of Ajax, Dhtml and Javascript- part1
翻译: 帕兰
感谢原作者的收集,并且感谢帕兰的翻译,下面是文章,点击标题或者阅读全文进入查看.

本文收集了Ajax的滚动技术，渐变效果，实时快速编辑，互动元素，视觉效果，动画，幻灯片，手风琴，评级以及更多的javascripts例子，你可以从中找到很多有用的元素，作用于你的AJAX的Web应用。
Scrolling Techniques 滚动技术
1) Ajax dynamic scrolling pages-Ajax动态滚动页面

这个脚本从你的服务器中载入内容并插入一个HTML空白元素(比如DIV标签)到你的页面中。新的页面可以添加动态效果，脚本将向下滚动显示新页面的内容。

(2) Control.Scroller- Control.Scroller是一个基于Prototype和 script.aculo.us JavaScript 框架的脚本. 它在script.aculo.us使用Control.Slider并且进行扩大, 使用你可以控制你一个内容容器，对它进行裁剪和滚动。