6.26，成为腾讯问问【网页制作】领域特聘专家。

7.1，网页制作领域声望进入Top 10。

现在人在无锡实习，很庆幸不用参加Java的项目。但是依然有一个更艰巨的项目，微软&ATA校园之星用ASP.NET进行开发。So Fresh In ASP.NET，真是一个不小的挑战啊。

实习时间从7.2-7.16，然后回学校继续完成这个ASP.NET项目。运气好的话，8.6之前可以回家。回家还要考驾照，OMG。

8.15再回来学校，接着做学校的ASP.NET网站项目~

真是繁忙的一个假期。

哎！

恐怕Willin-G博客主题的升级得拖拖了。

逢人就听见，这么丑的一个主题……真是好受挫吖！无论如何，Willin-G还是要Upgrade的。我要做得更好！

P.S.
最近想买个 Sony CyberShot

相关日志

• Recall Monash (0)
• Additional Learning on website2论文 (7)
• 重庆一父亲送子高考归来途中被天降钢管砸死 (6)
• C#猴子选大王-单向循环链表算法 (0)
• C#单链表通讯录1.1 (4)
• Additional Learning on website1论文 (4)
• 2010的开篇 (14)
• 听Willin弹琴、写爱。看其泪留、泪流。 (0)
• 有关我生活目标的思考 (1)
• 2009.3.30 Farewell My Laptop All (0)

xHtml instance with jQuery: Willin-Page

Description

WillinPage说明

简介：

WillinPage是一个简单的静态网站，介绍了Willin OR Guy（长岛冰泪个人博客）和Willin Studio。

整站共7个静态页面，符合W3C xhtml 1.0规范，加入了CSS3元素（IE只支持到CSS 2.1）。运用jQuery代码实现了整站AJAX。

演示截图

在线演示：DEMO

说明：

1. IE下需要允许脚本或ActiveX控件。
2. 顶部导航栏红色表示当前的页面，点击无效。
3. 因为IE6下，自动切换jQuery效果不如Flash，但是网上仍有近30%的人在使用IE6，所以首页幻灯设置为鼠标滑过切换。放弃IE这个世界该会多么美好。IE下会显示抱怨信息，点击后隐藏。

下载地址：源代码 / 备用地址

Core Codex

1. Ajax Module Code of jQuery:

//全局Ajax函数

$("#loading").ajaxStart(function(){
 
$(this).fadeIn('fast');
 
$('#ajaxpost').hide(0);
 
});
 
$("#loading").ajaxStart(function(){
 
$(this).fadeOut(100);
 
$('#ajaxpost').fadeIn(1000);
 
});
 
$('.homelink').click(function(){
 
if($(this).parent('li').is('.current_page_item')) return false;
 
$.ajax({
 
url: "html/home.html",
 
cache: false,
 
success: function(msg){
 
$("#ajaxpost").html(msg);
 
$.getScript("js/willin-tab.js");
 
}});
 
$('li.current_page_item').removeClass('current_page_item');
 
$('.homelink').parent('li').addClass('current_page_item');
 
return false;
 
});

1. CSS of Willin-Tab:

#msgbox ul{padding-left:5px}
 
#msgbox-left{border:1px dashed #ccf; display:block; float:left; height:205px; overflow:hidden; position:relative; width:33%}
 
#msgbox-right{border:1px dashed #ccf; display:block; float:right; height:205px; overflow:hidden; position:relative; width:66%}
 
#msgtabup,#msgtabdown{padding:1px; width:100%}
 
#msgtabdown{bottom:0; float:right; position:absolute; right:0; width:auto; z-index:999}
 
#msgtabdown img{border:0; margin-right:5px}
 
#msgtabdown img.current{border:1px dashed #f06!important; color:#f06}
 
#msgspan{bottom:24px; color:#f06; display:inline-block; height:20px; position:absolute; right:5px; z-index:999; background:#fff; opacity:0.8}
 
.msgtab{display:none; width:99%}
 
.msgtab span{color:#099; font-style:italic}
 
.msgtab li{background:url(img/lim.gif) no-repeat center left; padding-left:15px !important; margin-top:3px !important; font-size:12px !important;}
 
#msgbox-left li { padding-left:15px !important; margin-top:5px !important; background: url(img/lil.gif) no-repeat center left !important;}
 
.msgtitle{border-bottom:1px dashed #ccf; color:#f06; padding-left:5px; vertical-align:middle; width:100%}
 
.msgtitle img{cursor:pointer; margin-right:5px; vertical-align:middle}

1. Willin-Tab of jQuery:

jQuery(document).ready(function($){
 
$('.msgtab:first').css('display','block');
 
$('#msgtabs-1').addClass('current');
 
$('#msgspan').text($('#msgtabs-1').attr('alt'));
 
var i=0;
 
function slide(i){
 
$('#msgtabdown img').removeClass('current');
 
$('#msgtabs-'+i).addClass('current');
 
$('#msgspan').text($('#msgtabs-'+i).attr('alt'));
 
$('.msgtab').stop(true,true).slideUp();
 
$('#msgtab-'+i).stop(true,true).slideDown();
 
}
 
$('#msgtabdown img').hover(
 
function () {
 
i = $(this).prevAll().length+1;
 
slide(i);
 
},function () {
 
}
 
);
 
});

相关日志

• C#猴子选大王-单向循环链表算法 (0)
• C#单链表通讯录1.1 (4)
• Additional Learning on website1论文 (4)
• Working For Life (13)
• Recall Monash (0)
• 重庆一父亲送子高考归来途中被天降钢管砸死 (6)
• jQuery会自动切换的Tab选项卡Willin-Tab (3)
• jQuery美妙的标题提示加强版 (0)
• PR从1直接跳4，长岛冰泪谈谈SEO心得 (16)
• jQuery折腾一下我的WordPress (1)

淘宝大物流计划示意图（腾 讯科技配图）

腾讯科技讯（李松 伟） 6月11日消息，淘宝网今日正式宣布推出淘宝大物流计划，该计划的核心包含了API接口全面开放的淘宝物流宝平台（e56.taobao.com）、 物流合作伙伴体系以及物流服务标准体系等三大块内容。

此次推出的淘宝大物流计划，共 包括了三大块内容，分别是基于物流信息、交易消息和商家ERP系统全面打通的淘宝物流宝平台，以及淘宝物流合作伙伴体系和物流服务标准体系。

据了解，首度上线的淘宝物流宝平台 是指由淘宝网联合国内外仓储、快递、软件等物流企业组成服务联盟，提供一站式电子商务物流配送外包服务，解决商家货物配备（集货、加工、分货、拣选、配 货、包装）和递送难题的物流信息平台。

淘宝网物流平台总监龚涛表示，该平台将通过 API接口的全面开放，使得物流服务商、淘宝卖家和外部商家以及各类电子商务网站均能借助物流宝平台实现订单交易信息、物流信息和商家自身ERP系统的全 面信息打通。

同时，为了满足商家和消费者的多样化需求，淘宝大物流计划中还包括了对 多种社会物流服务资源的整合，把物流合作伙伴归入体系。这也是09年12月，淘宝推出合作伙伴计划之后在物流方面的全面实施。

该体系目前包括了七类合作伙伴，分别是提供物流园区建设、管理的基础设置投资者；提供流程、作业标 准的服务提供商；提供运输、配送服务的运输、配送服务商；提供技术支持和数据接口的ISV管理软件服务商；提供各种包材、包装设计方案的包装材料供应商； 提供加工、售后服务的流通加工服务提供商；以及提供流通融资服务的流通融资服务提供商。此外，淘宝大物流计划还特别推出了物流服务标准体系，其中包括了统 一服务标准、统一合作伙伴流程、统一买家购买体验等。

淘宝网物流平台总监龚涛认为， 淘宝大物流计划的推出还将全面降低商家日常运营的管理成本。“通过我们，企业无需因维护物流体系而支付成本，只需要根据业务使用量支付实际使用成本，同时 拥有专业物流能力。企业组织更具弹性，能适应业务快速变化。既有轻资产的灵活，又有重资产的能量。长途配送变为短途配送，运输成本下降。服务质量提升。”

易观国际分析师陈寿送表示，淘宝网在承载网购用户需求的同时，也需要为越来越多的企业提供综合的 电子商务解决方案。物流作为电子商务的主体部分，是淘宝网需要突破的重要瓶颈。大物流计划的推出以及物流宝平台的建立，将有助于淘宝完善其服务体系，促使 其更近距离的接触大淘宝的远景规划。

随机日志

• Recall Monash (0)
• 王艳 (0)
• 有关我生活目标的思考 (1)
• 完整的爱·你若到斯巴 (3)
• 推荐几款FireFox插件For Wordpress主题设计 (5)
• C#单链表通讯录1.1 (4)
• 12.1The Edge Of Death.想吐，想哭的，纷乱情绪的交杂 (0)
• Google Cash中文版、英文版电子书下载 (0)
• 《21女孩》 (0)
• 一路走来，一路走下去…… (0)

华龙网6月7日14时30分 讯（数字记者李心成、通讯员陈孝波）今日是2010年高考的第一天，重庆涪陵区发生一起惨剧：一位父亲在送孩子到高考考场后，归来途中被天降钢管砸中，当 场身亡。

据悉，事发今日上午8时40分左右，地点位于涪陵区太极大道38号。当 时，这位父亲送孩子到考场后，回家途中行至该地点时，一根钢管从天而降，将其砸中，当场死亡。 据目击者称，死者姓黄，40岁左右。

目前，涪陵区公安、安监等部门对此事展开调查。

原文：http://news.qq.com/a/20100607/001632.htm

相关日志

• Working For Life (13)
• Recall Monash (0)
• 北京手札-琳思录My Beijing Days (0)
• Additional Learning on website2论文 (7)
• jQuery会自动切换的Tab选项卡Willin-Tab (3)
• jQuery美妙的标题提示加强版 (0)
• 完整的爱·你若到斯巴 (3)
• PR从1直接跳4，长岛冰泪谈谈SEO心得 (16)
• C#猴子选大王-单向循环链表算法 (0)
• jQuery折腾一下我的WordPress (1)

Willin Studio付费用户群：3750920（主题定制、建站服务客户专用群）

官方工作群：29733361(不允许任何人加入，工作室成员可与我QQ联系：2539929)

P.S.

这就算是一篇软文吧，如果对主题设计有兴趣，或者想要定制自己的博客主题，都可以与我联系。

嘿嘿~策划在暑假做些项目来打造一下工作室的品牌。

相关日志

• Willin-G情侣WP博客主题1.1 BETA发布 (74)
• Willin-Mood_Pro v2.0.6主题发布 (8)
• Willin-Mall产品展示WP主题jQuery震撼上线 (0)
• Willin-Mood_Pro V2即将发布 (11)
• Wordpress主题：Willin-Mood V1.0.1发布 (5)
• Willin-Mall商城jQuery主题预告 (3)
• jQuery折腾一下我的WordPress (1)
• BuddyPress1.1.3 中文版 (18)
• Stop IE！我们一起停止IE！ (0)
• 读《名博是怎样炼成的》有感 (2)

注册GagaBux到现在，可能连一个月都不到。申请过一次提现（2美元的），之后的余额我都用来理性投资了。

比如，我花了9美元买了VIP权限（Silver Membership），6.6美元（升级Silver后发现0.6美元/个的下线现在成了0.54美元）租了11个下线（Rented Referrals），最主要的收入来自于活跃的租赁下线（可能也是Silver会员，每日的点击次数都很高）。

现在即使每天自己只点了8个必须的广告（5分钟时间不到），也至少能赚到1美元（仅凭租赁下线的收入）。

下面我来简单说一下升级成VIP（Silver）的好处：

1. 直接推荐下线从15个变成了50个，直接推荐下线不会到期，并且你也会获得额外收入。
2. 租赁下线价格折扣10%，比如新租价格从每个0.6美元的价格变成0.54美元。
3. 广告点击和下线广告点击收益翻倍。
4. 可点广告数目增加（你会发现每天都多出10多个Silver广告）
5. 获得下线消费金额15%的提成

心动了吗？

没有注册的朋友，赶紧注册吧：

如果没有注册过Paypal，或者没有接触过美国网站赚钱的朋友可以看Willin Studio的注册教程：

http://studio.willin.org/2010/05/gagabux-reg/

升级成Silver会员后，直接发现单日广告数量达到50，上图为证。即自己每日点击（0.02*50=1美元），外加下线每次点击收益（0.015美元每次，翻了3倍）。保守估计，现在每日收入能2美元+。

相关日志

• 收到GagaBux的第一笔付款 (16)
• 从准备到数钱·零成本博客网赚BloggerAds全攻略 (0)
• WordPress插件 Text-Link-Ads 汉化版 (2)
• 卖文字链赚美元详细攻略 (0)
• Google Cash中文版、英文版电子书下载 (0)
• Google Adsense 如何增加点击率 (5)
• C#谷歌Google Adsense、阿里妈妈Alimama广告插件dll库1.0 (2)
• DreamHost注册详解 (2)
• Memorize Game-Project1 (4)
• DreamHost的SSH命令教程 (0)

另，请自觉一人使用一个，不要有几个小号就开几个，浪费的资源不如与大家共享。谢谢合作。

现已发送46个邀请。

2010.6.9

• http://t.qq.com/invite/5856eb7f52013844a38d
• http://t.qq.com/invite/f3d815072a04d48fd047
• http://t.qq.com/invite/e4bf6b239e8a4f190f6f
• http://t.qq.com/invite/d0483d2cdcc6d1fcfb07
• http://t.qq.com/invite/336ad194f9b401e53bb5

2010.6.8

• http://t.qq.com/invite/6d5b25d3506d93e3cb8b
• http://t.qq.com/invite/243c2f0946fee774fcf3
• http://t.qq.com/invite/77b65e7e26e147301cf1
• http://t.qq.com/invite/d2bce24e9ca9992638df
• http://t.qq.com/invite/18dffed3eadee1b9c777

2010.6.7

• http://t.qq.com/invite/3c4c54abd6c2c5aa0e9f
• http://t.qq.com/invite/7f0ef1a209b820da901d
• http://t.qq.com/invite/5a49fa453d6bec9aea91
• http://t.qq.com/invite/2511ca83692691a5c49b
• http://t.qq.com/invite/1a7f424c807bf5d27c3d

2010.6.6

• http://t.qq.com/invite/ae046dc93156f9876b55
• http://t.qq.com/invite/7e5bd7cb1dbabe8c9b2f
• http://t.qq.com/invite/e662493d3d66a0520b7f
• http://t.qq.com/invite/083c60d1c153c03b07bd
• http://t.qq.com/invite/1a496241baed99f332ad
• http://t.qq.com/invite/8a201133c4f72c1e54ab
• http://t.qq.com/invite/582abb7223ed01fa54e1
• http://t.qq.com/invite/3830ae5fb918f43f2745
• http://t.qq.com/invite/58be7c9437c961a600e5

2010.6.5

• http://t.qq.com/invite/eb009df2663cff808ee7
• http://t.qq.com/invite/7e5bd7cb1dbabe8c9b2f
• http://t.qq.com/invite/48be9b815a8bd41a39bb
• http://t.qq.com/invite/e662493d3d66a0520b7f
• http://t.qq.com/invite/083c60d1c153c03b07bd

2010.6.4 五枚

• http://t.qq.com/invite/4687ca50adf0d8c2901b
• http://t.qq.com/invite/72862f79018d7c67544f
• http://t.qq.com/invite/a1d41eebebf79f278041
• http://t.qq.com/invite/0f6acf1503f0aff3448f
• http://t.qq.com/invite/ae046dc93156f9876b55

2010.6.2 五枚

• http://t.qq.com/invite/0e9cc668a432dbfe81ff
• http://t.qq.com/invite/3a80e6dbe7bd6725808f
• http://t.qq.com/invite/9a49dc87ed28d244e385
• http://t.qq.com/invite/922c9556694148af410b
• http://t.qq.com/invite/9519aa69c2ca7b6c995b

2010.5.27 五枚

• http://t.qq.com/invite/2b78e135f9e7a5f89b0b
• http://t.qq.com/invite/d291f25a228ef158b515
• http://t.qq.com/invite/7af7cd835e191cc80aab
• http://t.qq.com/invite/c729e8dc231fab66ebbd
• http://t.qq.com/invite/69139874bdd3cd42414d（这个谁用的？怎么未通知我）

（一天能培育出5个来？？？真神奇）

2010.5.26 三枚

• http://t.qq.com/invite/ca916a7d
• http://t.qq.com/invite/622241b1
• http://t.qq.com/invite/6d1a0a4e

请用掉的通知我一下，培育出新种子后依然会继续赠送（这三个种子在我这好久了，我一直忘记送出去了。嘿嘿）

Follow Me：

• 长岛冰泪 @willinx
• miXro Willin（暂留工作室发布用） @xwillin

相关日志

• 国内的免费主机可以用吗? (14)
• Willin-Mood_Pro V2即将发布 (11)
• 体验腾讯QQ概念版 (3)
• 电脑上三潴（3GQQ/QQ家园）不用代理 (6)
• 加入Dot TK大使计划 (0)
• 2009.1.1～1.15有关半个月免费生活引发的思考 (4)

最近的前一段时间，听说金山告360强制卸载他们的网盾，我以为又像是搜狗输入法事件（强制屏蔽其他输入法）一样，是出于利益的行为。

但是今天，360自动更新时，跳出了这么一条郑重说明：

360一问金山：金山网盾变成了木马通道，为何要向用户隐瞒？

360二问金山：为何故意在用户电脑中留下一个高危漏洞

360三问金山：为什么要暗中阻挠360保护用户？

金山：“我拦不住，也不能让你拦！”

让我不得不思考当下的网络安全问题了。

我个人是一直裸机跑的，偶尔用用360也不过是清理一下垃圾和启动项，很少去担心中毒或者木马的问题。

以前用XP的时候也是这样，偶尔会被挂上马，或者劫持浏览器。因为XP系统的漏洞比较多，换上WIN7后基本没有这样的情况了。（其间还用过一段时间的Mac OS，让我深刻体会到了 相对无毒 的纯净。）

从02年到05年中学时期当过黑客，对病毒的传播和木马的工作原理，所以觉得有恃无恐了。总觉得，无论是通过攻击还是诱骗手段植入病毒木马，总会从用户系统或者用户本身找切入口。从来没有想到，利用安全防护系统漏洞竟是如此不费力。

是软件，肯定会有漏洞。但是谁曾想过“故意留下一个漏洞”的做法呢？也是从前不久开始，IE 8 反应迟钝且频繁崩溃。在360的申明中我找到了答案。虽然对360是否也在诋毁金山抱着怀疑的态度，但插入太多的浏览器进程，肯定会降低浏览器的效率。

或许好多人即使只有256MB的内存，也要装个杀毒软件防火墙什么的，不为别的，就为心里能踏实。

但是现在的防护软件都做成这样了，或许真的是“我拦不住，也不能让你拦！”“你不让插（浏览器进程），我偏要插！”。那么用户的上网安全究竟还何在？

我不禁疑问：

用安全软件还不如裸机跑更安全？

我还在裸机跑着……我该把我互联网的安全托给谁？

相关日志

• 祭奠2010/3/29。Google HK也被墙 (3)
• Google Adsense 如何增加点击率 (5)
• 三落·草 (0)
• 我是不是老了？ (23)
• 2010的开篇 (14)
• 听Willin弹琴、写爱。看其泪留、泪流。 (0)
• 卖玉兰花的男子 (0)
• 别人不成Just For Me——During《奋斗》 (0)
• 有关我生活目标的思考 (1)
• 道不尽、流年——二十周岁感言 (0)

Wordpress情侣博客主题，长岛冰泪原创。主要适合情侣用。（单人博客或多人博客也适用。）

简单的jQuery框架。IE6下基本显示完美（尽了最大的努力了，比如用了 CSS fixed插件）。

符合xhtml 1.0和CSS 3规范。

调试环境：

• 屏幕：1024*768、1280*800、1366*768
• 浏览器：IE 6（XP）、FireFox 3.6.4（推荐）、Google Chrome 5.0、Safari 4
• 系统：Wordpress 3.0 beta 2、Wordpress 2.9.2

有主题后台（目前只有摘要相关的选项，不断完善中）。

内置插件：

• utf8-excerpt（显示摘要，作者：水煮鱼）
• wp-commentnavi（评论分页）
• wp-pagenavi（文章分页）
• smiley（添加表情）
• Add an image in a comment（评论添加图片）
• ajax-comment（AJAX评论，作者：Willin Kan）
• mail-to-commentors（评论邮件回复）

下载：Willin-G_Beta (5.22更新，请下载最新版本V1.1.2)

演示：Demo Page （请记住：demo.willin.org）

相关日志

• Willin-Mood_Pro v2.0.6主题发布 (8)
• Wordpress主题：Willin-Mood V1.0.1发布 (5)
• Willin-Mall产品展示WP主题jQuery震撼上线 (0)
• Willin-Mall商城jQuery主题预告 (3)
• Willin Studio (0)
• Willin-Mood_Pro V2即将发布 (11)
• jQuery会自动切换的Tab选项卡Willin-Tab (3)
• WordPress Willin-More插件·jQuery初学 (0)
• BuddyPress1.1.3 中文版 (18)
• Crystal汉化版-bbPress主题 (5)

在这里我解释一下，这事情不是我所齿的。

刚才我上课的时候用学校机子看了一下，确实挂了马了，对于这个问题，我作了一些猜测（省略吧，不然说我诋毁人）。

demo.willin.org 用的是zhujiwu的免费主机（验证时候还上传了身份证和生活照，感觉还是比较正规的。至少国内的免费主机大家都经常推荐这个。）

前一段时间修改新模板上传的时候，发现FireBug提示有多处html错误，查看源代码时候发现在文档头部（html之前）和文档尾部（body之后）都出现了空的script语句，修改模板后发现找不到这处错误。当时我以为是我电脑的问题，所以没太在意。

没有想到，现在直接跳木马了。至于这是什么原因，我想我不用多说，大家意会下吧。

过段时间，我回再找一个合适的主机把demo.willin.org转移过去，请大家暂时先不要访问了。

相关日志

• 免费赠送QQ微博邀请，Follow Me! (16)
• Willin-Mood_Pro V2即将发布 (11)
• 电脑上三潴（3GQQ/QQ家园）不用代理 (6)
• 加入Dot TK大使计划 (0)
• 三落·草 (0)
• 我是不是老了？ (23)
• Stop IE！我们一起停止IE！ (0)
• 博客转移 (0)
• 2009.3.30 Farewell My Laptop All (0)
• Willin,那些女孩对你说 (0)

这个星期刚注册的，效益还不错，第一天广告只有10几个，但是没想到一个星期内居然2刀就来了。有的时候不点广告它也会莫名其妙的自动送我钱（应该不是在做梦吧，毕竟我上图了啊）。

By 2010-5-17

昨天刚申请的2美元还没有提出，今天再登陆时候居然又有了0.6美元，哈。注册越久赚得越多？不错不错……心动吗？不如行动吧……

Gagabux 具体说明

每个点击：0.01美元

直接下线每个点击：0.005美元

每天广告数：15～20个

最低付款额：2美元（需要先达到100点击=1美元）

点击下图注册：

请保留我的推荐人链接（Referral：Willin），这样您的每次广告点击，也可以支持我的空间0.005美元。

如果留空的话，您的帐号便会成为可供出租的（For Rent），美国的款爷们会花钱买下线（0.6美元/人）。

送我一个顺水人情，我会感激在心的。

图片教程：

有谁在3天内也同样收到2刀付款的，欢迎来叫嚣一下。

每天点一点，一年换个N97~

相关日志

• Gagabux轻松日赚1美元 (18)
• 从准备到数钱·零成本博客网赚BloggerAds全攻略 (0)
• WordPress插件 Text-Link-Ads 汉化版 (2)
• 卖文字链赚美元详细攻略 (0)
• Google Cash中文版、英文版电子书下载 (0)
• Google Adsense 如何增加点击率 (5)
• C#谷歌Google Adsense、阿里妈妈Alimama广告插件dll库1.0 (2)
• Memorize Game-Project1 (4)

Wordpress Theme:Willin-Mood_Pro v2.0.6 Release

Willin-Mood的第一个版本很失败，是在分辨率为1280×800的宽屏机器下做的。这次注意了分辨率的问题，并且在IE 6下进行了测试。

目前已经实现了简单的AJAX，下一步将要实现整站AJAX。

经过反复测试，目前符合xhtml 1.1 和 css 3 的规范了。

所以我迫不及待地就将它拿出来测试，欢迎大家纠错。

已经向Wordpress官方提交。

介绍：

这是我做的第一个主题(升级版本)。有一些想法是从别的主题上拽下来的。没有太多自己的东西。但代码基本都是自己写出来的。

喜欢的朋友们就支持一下吧，我会不断更新它的，比如融入AJAX。

版本需求：

2.3或者更高（测试到3.0 beta2）

目前特色：

• 首页AJAX化
• AJAX评论
• 首页和子页显示不同的边栏
• 边栏Slide Tabs
• 整合PageNav
• 顶部导航N级菜单（理论上无限）
• SEO优化
• 部分jQuery特效

特色预告：

• 更多jQuery特效
• 添加后台
• 整站AJAX
• 支持更多Plug-ins

演示：

Demo page

下载地址：

V2.0.6（正式版）/V2.0.2（整站AJAX Beta）

相关日志

• Willin-G情侣WP博客主题1.1 BETA发布 (74)
• Wordpress主题：Willin-Mood V1.0.1发布 (5)
• Willin-Mall产品展示WP主题jQuery震撼上线 (0)
• Willin-Mall商城jQuery主题预告 (3)
• Willin Studio (0)
• Willin-Mood_Pro V2即将发布 (11)
• jQuery会自动切换的Tab选项卡Willin-Tab (3)
• WordPress Willin-More插件·jQuery初学 (0)
• BuddyPress1.1.3 中文版 (18)
• Crystal汉化版-bbPress主题 (5)

Willin-Mood的第一个版本很失败，是在分辨率为1280×800的宽屏机器下做的。这次注意了分辨率的问题，并且在IE 6下进行了测试。

目前已经实现了简单的AJAX，下一步将要实现整站AJAX。

经过反复测试，目前符合xhtml 1.1 和 css 3 的规范了。

所以我迫不及待地就将它拿出来测试，欢迎大家纠错。

已经向Wordpress官方提交。

目前特色：

• 首页AJAX化
• AJAX评论
• 首页和子页显示不同的边栏
• 边栏Slide Tabs
• 整合PageNav
• 顶部导航N级菜单（理论上无限）
• SEO优化
• 部分jQuery特效

特色预告：

• 更多jQuery特效
• 添加后台
• 整站AJAX
• 支持更多Plug-ins

2.0 Beta下载： V2beta.zip

相关日志

• Wordpress主题：Willin-Mood V1.0.1发布 (5)
• Willin-Mall商城jQuery主题预告 (3)
• Willin-G情侣WP博客主题1.1 BETA发布 (74)
• Willin-Mood_Pro v2.0.6主题发布 (8)
• jQuery会自动切换的Tab选项卡Willin-Tab (3)
• Willin-Mall产品展示WP主题jQuery震撼上线 (0)
• Willin Studio (0)
• jQuery下拉导航效果Especially For Willin-Mood (1)
• WordPress Willin-More插件·jQuery初学 (0)
• 免费赠送QQ微博邀请，Follow Me! (16)

今天看到这篇文章才发现我的博客竟然这么烂……唉。需要好好学习改进了。请干掉边栏再对本文拍砖（转载时候图片大小没调整）

YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。我搜索一下”Yslow使用说明“，发现都是旧版本Yslow的使用介 绍。于是翻译了一下yahoo官方关于新版Yslow的的使用帮助，希望给初次使用Yslow的朋友一些帮助。

注：英文不是很好，对着翻译软件翻译的，有不对的地方，大家指正。

安装 YSlow

先安装 Firebug  https://addons.mozilla.org/en-US/firefox/addon/1843

Firebug 帮助文档 http://www.getfirebug.com/docs.html.

再下载安装  http://developer.yahoo.com/yslow

使用Yslow

Yslow是运行在Firebug窗口下，所有要运行Yslow，必须安装Firebug。

有两种方法启动Yslow

1、打开Firebug窗口，选择Yslow选项。

2、直接点击浏览器右下角的Yslow启动按钮。

你第一次打开Yslow时，以下图像作为Firebug的一部分被显示在的浏览器窗口。

点击 Run Test 运行Yslow，也可以点击 Grade, Components, 或Statistics选项开始对页面的分析。

你可以选择 Autorun YSlow each time a web page is loaded 它 将自动对以后打开页面进行分析，您也 可以右击YSlow状态栏，然后选择或取消自动运行。

Yslow视图

YSlow显示测试结果的分析,分为等级、组件、统计信息。你可以浏览这些观点之间选择标签以观的名字在YSlow标签的Firebug控制台。

以下是说明的等级、组件、统计信息。

一、等级视图

查看一个分析,选择页面的性能等级标签或点击网页的字母等级在状态栏这页纸的底部。

视图显示了等级为网页的成绩单。整个字母等级为页面显示在顶部随着全面数值的表现。这个页面是基于22可分级的高性能网页的规则(见性能规则)。这些规则是列在按重要性的顺序,从最重要不重要。从 A 级到 F 级，A 级为最高。

下面是一个等级的例子：

如果页面与某一个规则无关，则显示 N/A ，表示不适用。

点击每一规则，都给出了改进建议。要查看更全面的改进方法进入前端性能优化指南

二、组件视图

分组显示页面组件，表格列出组件的信息，点击 Expand All展开显示给个分 组内各的组件信息。

下面简要列在组件检视表：

TYPE：该组件的类 型。该网页是由组成部分的下列类型： doc, js, css, flash, cssimage, image, redirect, favicon, xhr, and iframe.

SIZE(KB)：该组件的大小以千字节。

GZIP(KB)：该组件的gzip压缩的大小以千字节。

COOKIE RECEIVED(bytes)：字节数在HTTP设置的Cookie 响应头。

COOKIE SENT(bytes)：节数的Cookie在HTTP请求报头

HEADERS：HTTP信息头，点击放大镜查看全面信息。

URL：链接地址

EXPIRES(Y/M/D)：日期的Expires头，属于缓存设置一种。

RESPONSE TIME (ms)：响应时间

ETAG：ETag响应头，也是缓存设置的一种

ACTION：额外的性能分析

三、统计信息视图

左侧图表显示是页面元素在空缓存的加载情况，右侧为页面元素使用缓存后的页面加载情况。我们可以看到，页面元素缓存后的使页面的http请求和页 面总大小都减少，从而加快了页面打开时间。参看（页面的缓存设置）

一、规则集

1 、YSlow （ 2版） -这一规则集包含了所有22个测试的规则。
2 、精英（ V1导联） -这个规则集包含原始13规则中使用了YSlow 1.0 。
3、小网站或博客-这个规则集包含14个规则，适用于小型网站或博客。参照下方的图片，看看哪一种规则，在这个规则集。

请注意，最后选定的规则集成为默认的规则集。默认规则集可以是一个预定义的三个之一或您自己创建的一个。

要创建您自己的规则集，单击Rulesets下拉菜单旁边的 Edit 按钮。新的规则集屏幕将显示：

1、点击左侧 New Set 按钮，出现全部22调规则，勾选你所需的

2、点击 Save ruleset as… 保存，会弹出个命名窗 口，命名就可以了。

3、你还可以对自定义的规则再次编辑或者删除。

YSlow 工具

1、JSLint

JSLint收集所有外部和内部的JavaScript从目前的网页，提交给JSLint ，一个JavaScript验证，并打开一个单独的窗口了一份报告，存在问题，该网页的JavaScript的。该报告包括大致位置的源代码的问题。很多 时候，这些问题是语法错误，但JSLint寻找风格公约的问题和结构性问题。

2、All JS

收集所有外部和内部的JavaScript的网页，并显示在一个单独的脚本窗口。您可能想要使用这个工具来查看某个脚本，以及是否实际使用是正确 的。

3、All JS Beautified

将js以人们可读的方式展示。

4、All JS Minified

收集所有外部和内嵌JavaScript，删除评论和白色空间以缩小的脚本。以改善网页的性能。

5、All CSS

收集所有的行内和外部的样式表在网页上，并将其显示在一个单独的窗口。

6、All Smush.it

如果您按一下所有Smush.it ， Smush.it将运行在网页上所有的图片组成。此工具将告诉你该图像可被优化，并创建一个压缩文件，来优化图像。当您选择此工具你会看到输出如下所示：

以上就是Yslow的使用指南，结束。

转载声明:

原载：web前端优化

本文链接：YSlow使用指南

随机日志

• 《说不出爱》 (0)
• 电脑上三潴（3GQQ/QQ家园）不用代理 (6)
• 淘宝网物流宝平台11日上线 全面开放API接口 (3)
• 重庆一父亲送子高考归来途中被天降钢管砸死 (6)
• 我该把我互联网的安全托给谁？ (9)
• 吟花葬 (0)
• 自序·我在角落里的爱琴 (0)
• Additional Learning on website2论文 (7)
• Google Cash中文版、英文版电子书下载 (0)
• bbPress Theme Switcher 主题切换插件-中文版 (0)

QQ 概念版是利用微软最新一代的客户端展现层技术–WPF，精心打造的创新型IM产品。

QQ 概念版是腾讯首款NUI(自然用户交互)产品，全面实现了多点触摸操作。在实现IM的基础功能外，QQ概念版还推出了动感相框、动态背景、多Tab聊天窗口、3D交互、矢量界面、桌面好友等一系列新功能、新体验以及Windows7的重要新特性。

软件语言：简体中文

文件大小：12M系统要求：Windows 7 (推荐评分3.5分以上配置)

下载地址：http://dl_dir.qq.com/qqfile/qq/QQ2010/QQConceptBeta1.2_chs.exe

新功能介绍

• 1.个性化登录界面

  动态的画面展现，更富有生命力及亲切感，让您一开始就体验与众不同的时尚气息。

  登录界面会显示悠悠飘动的白云，不断起舞的花藤，给您不一样的视觉享受。

• 2.头像动感相框

  荷花相框、邮票相框及画架相框的切换丰富生动，人机交互更具情感化，不一样的相框带给您不一样的心情。

  把鼠标放在头像上，相框会有动态显示，点击出现的箭头符号即可切换头像相框，体现了人机交互的情感化。

• 3.桌面好友

  移动好友到桌面，好友听音乐状态一目了然，实现您和好友的无缝沟通及交流互动。拖动好友到桌面，即可形成桌面好友。

  好友听音乐时，会显示对应的状态提示。在快捷会话框输入消息后可直接发送。点击桌面好友头像，在出现的圆环框内可选择发送邮件，回到会话窗口和关闭桌面好友。

• 4.好友管理

  拖拽式管理、可视化界面、多点触摸、圆弧动态分组排列，让界面好友的展示更加多样化。

  点击圆弧式的分组图标，即可显示该组所有好友。在搜索框内输入QQ号码、昵称、备注进行查找，含有查找关键字的好友会有秩序的排列在面板上。面板右下角蓝色、红色图标分别表示该男女比率的情况，黄色图标为未确定性别的好友。

• 5.动态背景

  换肤随心所欲，界面时而清新自然，时而活力四射，让好友列表不再单调。

  可选择的动态背景有晃动的竹叶和闪耀的霓虹灯背景，鼠标滑过即选中，不用点击。

• 6.多Tab聊天窗口

  合并多个窗口，实现单窗口多人聊天，界面更加清晰简洁。

  与多个好友聊天时，按住其中一个窗口的好友头像拖动到另外一个窗口，即可合并，实现一个窗口同时和多人聊天，在底端即可切换聊天好友。

• 7.系统设置

  精简的选项、翻转的切换效果，给您快捷的操作体验。

  点击主面板右上角系统设置的图标或主菜单的系统设置选项可翻转到面板背面，到达系统设置界面。设置面板包含开机启动，停靠窗口隐藏等设置，选项简单明了。

• 8.表情管理

  圆盘卡片式排序、常用表情自动罗列，让您在茫茫的表情库里迅速找到属于自己的情感符号。

  不同颜色的卡片保存不同样式的表情，并且常用表情会自动显示在卡片底端，方便用户查找。

• 9.超级表情

  动感的互动形式，立体的三维效果，让您的心情跃然好友屏幕之上。

  对方发送锤子敲打和发火表情时，聊天窗口会随发送的心情而展示，丰富的互动形式，会给您和您的好友不一样的体验。

相关日志

• 免费赠送QQ微博邀请，Follow Me! (16)

Mozilla Firefox 的附加组件:

首推：Web Developer - HTML、CSS、JS规范检测，网页组件禁用、网页信息、CSS编辑、窗口大小……必备良品.
WordPress Helper – 英文版的，只是方便了相关标签的查询。
ColorZilla – 在线取色，可以查看CSS色彩码和html标签，调整网页排版相当有用.

Firebug -更新过之后效率提升了。我看jQuery视频教程里都在用这个.

Coral IE Tab – 可以直接扔了IE了。虽然IE很让人讨厌，但有这个工具可以帮助你使你的网页适合IE.

Firesizer – 自定义窗口大小的工具，可以检测网页在不同尺寸下是否错位.

Html Validator -如果用了Web Developer，则不需要这个了，这个只是用来检测HTML规范的.

部分参考：Willin Kan 《我編寫網頁的常用工具》

相关日志

• Willin Studio (0)
• Willin-G情侣WP博客主题1.1 BETA发布 (74)
• Willin-Mood_Pro v2.0.6主题发布 (8)
• Willin-Mood_Pro V2即将发布 (11)
• jQuery会自动切换的Tab选项卡Willin-Tab (3)
• jQuery下拉导航效果Especially For Willin-Mood (1)
• Wordpress主题：Willin-Mood V1.0.1发布 (5)
• Willin-Mall产品展示WP主题jQuery震撼上线 (0)
• Willin-Mall商城jQuery主题预告 (3)
• WordPress插件 Text-Link-Ads 汉化版 (2)

会自动切换的选项卡包括两个部分：

• 首先要有选项卡
• 其次要会自动切换

先放出边栏Slide Tab的教程。

第一步：HTML下编写Tab框架

<div id="sidebar-tab">
	<div id="tab-title">
		<h4><span id="tab-1" class="current">相关日志</span><span id="tab-2">网络身价</span><span id="tab-3">随机友链</span></h4>
	</div>
	<div id="tab-content">
		<ul id="ctab-1">
< ?php   wp_related_posts(); }?>
        </ul>
		<ul id="ctab-2">
        <li><b>Online Earnings [Since Apr, 2010]</b></li>
     </ul>
		<ul id="ctab-3">
        < ?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=10'); ?>
      </ul>
	</div>
</div>

第二步：添加CSS

#sidebar-tab{border:1px dashed #ccf;margin-bottom:1.5em;overflow:hidden;}
#sidebar-tab li{overflow:hidden;font-weight:bold;}
#tab-title .current{color:#356aa0;border-bottom:0px;padding:5px 14px;}
#tab-title h4{color:#666;font-size:15px;font-weight:bold;}
#tab-1,#tab-2,#tab-3{padding:5px 9px;border-bottom:1px dashed #ccf;cursor:pointer;width:33%;}
#tab-2{border:1px dashed #ccf;border-top:none;}
#ctab-2,#ctab-3{display:none;}
#tab-content ul{padding:5px 10px;overflow:hidden;list-style:none outside none;}
#tab-content ul li{padding-top:5px;height:20px;}

第三步：添加jQuery代码

	// Slide Tab
	$('#tab-title span').mouseover(function(){ 
	$(this).addClass("current").siblings().removeClass(); 
	$("#c"+$(this).attr("id")).slideDown().siblings().slideUp(); 
});

第二教程：自动切换

可以先看一个例子：Demo
还是需要三步走。

第一步：编写HTML

<div id="msgbox-right">
<div id="msgtabup">
<div class="msgtab" id="msgtab-1">
<ul>
<li>Test1</li>
</ul>
</div>
<div class="msgtab" id="msgtab-2">
<ul>
<li>Test2</li>
</ul>
</div>
<div class="msgtab" id="msgtab-3">
<ul>
<li>Test3</li>
</ul>
</div></div>
<div id="msgtabdown"><span id="msgtabs-1">Tab1</span><span id="msgtabs-2">Tab2</span><span id="msgtabs-3">Tab3</span></div>
<div id="msgspan">Sth</div>
</div>

第二步：添加CSS

* {margin:0;padding:0;}
#msgbox-right{display:block;position:relative;width:70%;height:110px;overflow:hidden;}
.msgtab {height:100px;}
#msgtabup,#msgtabdown {margin:1px;width:95%;}
#msgtabdown {width:auto;position:absolute;float:right;right:50px;bottom: 20px;z-index:999;}
#msgtabdown span{margin:5px;}
#msgtabdown span.current{border:1px dashed #f06!important;color:#f06;}
.msgtab {clear:both;width:100%;border:1px dashed #ccf;display:none;}
#msgspan {height:20px;display:inline-block;position:absolute;z-index:999;right:50px; bottom:40px;}

第三步：添加jQuery代码

$(document).ready(function(){
$('.msgtab:first').css('display','block');
autoroll();
hookThumb();
});
var i=0; 
var offset = 2500; 
var timer = null;
function autoroll(){
n = $('#msgtabdown span').length;
i++;
if(i > n){
i = 1;
}
slide(i);
timer = window.setTimeout(autoroll, offset);
}
function slide(i){
$('#msgtabdown span').removeClass('current');
$('#msgtabs-'+i).addClass('current');
$('.msgtab').stop(true,true).slideUp();
$('#msgtab-'+i).stop(true,true).slideDown();
 
}
function hookThumb(){
$('#msgtabdown span').hover(
function () {
if (timer) {
clearTimeout(timer);
i = $(this).prevAll().length+1;
slide(i);
}
},
function () {
 
timer = window.setTimeout(autoroll, offset);
this.blur();
return false;
}
);
}

Demo: Willin-tab

代码基本优化，如果还可以改进，欢迎提出。

相关日志

• Willin-Mood_Pro V2即将发布 (11)
• Wordpress主题：Willin-Mood V1.0.1发布 (5)
• jQuery美妙的标题提示加强版 (0)
• Willin-Mall商城jQuery主题预告 (3)
• WordPress Willin-More插件·jQuery初学 (0)
• Willin-G情侣WP博客主题1.1 BETA发布 (74)
• Willin-Mood_Pro v2.0.6主题发布 (8)
• jQuery下拉导航效果Especially For Willin-Mood (1)
• Willin-Mall产品展示WP主题jQuery震撼上线 (0)
• WordPress插件 Text-Link-Ads 汉化版 (2)

首先，需要对含有二级菜单的元素做CSS定义。（Willin-Mood的Style.css里已经有相应声明，可以跳过此步）

.haschildren {background:url('images/arrow-down.gif') no-repeat right center ;padding-right:15px !important;}
/*添加小箭头*/
.nav li .children { position: absolute; list-style: none; margin: 0 0 0 -7px; padding: 0; z-index: 100; border: 1px solid #DDD; background: #FFF; overflow: hidden; width: 180px ;z-index:999;opacity:0.8;display:none;}
.nav li .children li { float: none; margin: 0; padding: 3px 6px }
/*下拉菜单悬浮显示*/

然后，在js文件里添加：

$('.nav li ul').addClass('children');
$('.nav>li:has(ul)').addClass('haschildren');

这部分代码用来判定含有子菜单的分类，并加上向下箭头。

注意：代码都要加在Ready(function)里

jQuery(document).ready(function($){/*代码*/});

核心代码：

$('.nav li:has(ul)').hover(function(){
		$(this).children('ul:not(:animated)').stop(true,true).slideDown(600);
		},function(){
		$(this).children('ul').stop(true,true).fadeOut(1000);
		});
	$('.children').hover(function(){
			$(this).animate({'opacity':'1'},500);
		},function(){
			$(this).css('opacity','0.8');
		});

此部分代码作用是：当鼠标移动到菜单时子菜单显示，移出则隐藏。

想偷懒？你也可以下载topnav.js（For Willin-Mood）

p.s.不要忘记引入jQuery（Willin-Mood用户就可以忘记了，我记着了，所以引入过了）

相关日志

• Willin-Mood_Pro V2即将发布 (11)
• jQuery会自动切换的Tab选项卡Willin-Tab (3)
• Wordpress主题：Willin-Mood V1.0.1发布 (5)
• Willin-Mall产品展示WP主题jQuery震撼上线 (0)
• Willin-Mall商城jQuery主题预告 (3)
• Willin Studio (0)
• Willin-G情侣WP博客主题1.1 BETA发布 (74)
• Willin-Mood_Pro v2.0.6主题发布 (8)
• 推荐几款FireFox插件For Wordpress主题设计 (5)
• jQuery美妙的标题提示加强版 (0)

ScreenShot

First of all, this Theme is also available in English, please see:

Wordpress Theme:Willin-Mood v1.02 Release

介绍：

这是我做的第一个主题。有一些想法是从别的主题上拽下来的。没有太多自己的东西。但代码基本都是自己写出来的。

喜欢的朋友们就支持一下吧，我会不断更新它的，比如融入AJAX。

版本需求：

2.3或者更高

下载地址：

中文版V1.0.1

英文版V1.0.2 （内容上没有区别）

已经提交WordPress官方，此版本无js，为绿色版。

我正在不断调试jQuery元素，无错后将公布全部特效教程。敬请期待。

相关日志

• Willin-Mall商城jQuery主题预告 (3)
• Willin-G情侣WP博客主题1.1 BETA发布 (74)
• Willin-Mood_Pro v2.0.6主题发布 (8)
• Willin-Mood_Pro V2即将发布 (11)
• Willin-Mall产品展示WP主题jQuery震撼上线 (0)
• jQuery会自动切换的Tab选项卡Willin-Tab (3)
• Willin Studio (0)
• jQuery下拉导航效果Especially For Willin-Mood (1)
• WordPress Willin-More插件·jQuery初学 (0)
• Crystal汉化版-bbPress主题 (5)

灵感来自immmmm：JQuery 学习笔记之：美妙的标题提示

该特效“不但可以让你的 title 提示效果变得美观，而且可以显示出你将要点击的链接的 url，让用户知道自己将要去哪里”，能不能明显提升了用户感受得用户说了算，但我可以肯定的是这绝对能吸引用户的眼球！

jQuery代码，另存为JS或者整合：

	$("a").mouseover(function(e){
	this.myTitle = this.title;
	this.myHref = this.href;
	this.myText = $(this).text().toString().substring(0,4);
	if((this.myTitle=='')&&(this.myText!='http')) this.myTitle=$(this).text();
	this.myHref = (this.myHref.length > 30 ? this.myHref.toString().substring(0,30)+"..." : this.myHref);
	this.title = "";
	$("#tooltip").remove();
	var tooltip = "<div id="tooltip">"+this.myTitle+"<em>"+this.myHref+"</em>"+"</div>";
	$('body').append(tooltip);
	$('#tooltip').css({"opacity":"0.75","top":(e.pageY-20)+"px","left":(e.pageX+15)+"px"}).show('fast');
	}).mouseout(function(){this.title = this.myTitle;$('#tooltip').remove();
	}).mousemove(function(e){$('#tooltip').css({"top":(e.pageY-20)+"px","left":(e.pageX+15)+"px"});
	});

新版特点：

• Title为空、非直接显示http://example.com链接时加入默认提示
• 修复点击后退页面上会一直显示一个Sweet Titile框的错误
• 将提示位置移动到鼠标右侧，这样即使链接在底部也能看见提示

CSS代码：

#tooltip {position:absolute;z-index:1000;max-width:250px;word-wrap:break-word;background:#000;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#tooltip p {color:#fff;font:12px 'Microsoft YaHei',Arial,宋体,Tahoma,Sans-Serif;}
#tooltip p em {display:block;margin-top:3px;color:#f60;font-style:normal;}

原版jQuery代码：

jQuery(document).ready(function($){
 
$("a").mouseover(function(e){
	this.myTitle = this.title;
	this.myHref = this.href;
	this.myHref = (this.myHref.length > 30 ? this.myHref.toString().substring(0,30)+"..." : this.myHref);
	this.title = "";
	var tooltip = "<div id="tooltip">"+this.myTitle+"<em>"+this.myHref+"</em>"+"</div>";
	$('body').append(tooltip);
	$('#tooltip').css({"opacity":"0.8","top":(e.pageY+20)+"px","left":(e.pageX+10)+"px"}).show('fast');
}).mouseout(function(){this.title = this.myTitle;$('#tooltip').remove();
}).mousemove(function(e){$('#tooltip').css({"top":(e.pageY+20)+"px","left":(e.pageX+10)+"px"});
});
});

P.S.不要忘记加载jQuery库

相关日志

• jQuery会自动切换的Tab选项卡Willin-Tab (3)
• Working For Life (13)
• Additional Learning on website2论文 (7)
• 重庆一父亲送子高考归来途中被天降钢管砸死 (6)
• Willin-Mood_Pro V2即将发布 (11)
• jQuery下拉导航效果Especially For Willin-Mood (1)
• Wordpress主题：Willin-Mood V1.0.1发布 (5)
• Willin-Mall产品展示WP主题jQuery震撼上线 (0)
• Willin-Mall商城jQuery主题预告 (3)
• Eclipse 3.6下jQuery自动提示插件 (5)