残奥会开幕之夜

废话不多说,直接上PP。

正在等待执勤的武警官兵。


这个武警同志在看什么呢?走路要目视前方在。

点击这里查看文章详细 »

原文链接| 评论 (2)

深入刨析淘宝封闭百度的原因

近期,在淘宝的Robots文件内,屏蔽了百度的爬虫,究竟是什么原因导致淘宝会反弹琵琶作出这样的措施呢?下面让我们先来关注如下这些有意思的新闻.

1、百度电子商务年内开张筹备近一年终于测试

2、万名商户率先入驻百度商城网购战一触即发

3、挑战淘宝百度电子商务年内上线

4、百度C2C即将上线运营要求商户必须注册百度HI

5、百度C2C招商正式进入淘宝大本营

1、淘宝网与阿里妈妈合并
2、卓越绯闻背后:淘宝B2C隐形扩张

3、淘宝否认将收购卓越不排除双方业务合作的可能

4、淘宝网已屏蔽百度蜘蛛洪波称其为“自残”

让我们先看看百度方面的信息,百度通过百度HI,作为IM通讯工具已经具备了淘宝旺旺以及产品本地化的特性,与此同时,百度邀请1万名用户参加百度商城的测试,我们可以轻易的发现百度正式开始进军C2C业务。凭借着百度的一贯作风,在搜索结果方面,百度商场的结果必然要踩在淘宝产品之上。

再来看淘宝方面的信息,淘宝与阿里妈妈合并,加快了淘宝市场一体化思想的进程,让供应方,零售方,买方形成了一个完整的市场体系,于此同时,淘宝在加快兼并卓越等B2C类网站。从这一些列动作来看,淘宝要完全占领电子商务领域,形成互联网中的沃尔玛。

在这样的情况下,百度的一贯作风和他的杀机越发的明显了,淘宝与百度并不是一个简单的“搜索—>到达”关系,从某些层面上来说,他们是互相补助的,百度给淘宝带去搜索流量,淘宝给百度带入有购买商品需求的人群,权衡之下,是流量重要还是用户重要呢?我相信马云心中再清楚不过了。

为竞争对手做嫁衣,是任何一个企业家都不会去做的傻事。

不过话说回来,有竞争的市场,才是完美的,才是对老百姓有利的。:)

祝电子商务市场,一路走好。

原文链接| 评论 (1)

简介 Google chrome 多进程的浏览器

随着浏览器市场的激烈战争,在Firefox退出3.0后,微软也推出了IE8 Beta2。Google公司也不甘寂寞,即将推出开源浏览器Chrome。

Google认为,随着网络的普及,人们在网上听歌,Play Web-Base Games越来越依赖浏览器,它们认为这样的浏览器较之以往的浏览器必须更稳定、更快速、更安全、更绿色、更简单、更高效。要做到这些就必须使用开源的浏览器,此时Chrome横空出世。

Chrome与传统浏览器不同的是,传统浏览器无论采用选项卡或是其他方式,都只有一个进程,而Chrome,每一个选项卡(Tabs),都具备一个独立的进程,因此,他可以防止javascript存在的一些弊端(等待响应),以及传统浏览器的弊端(一个选项卡挂掉,整个浏览器挂掉)。更通俗的说,Chrome是一个“多进程”浏览器。

传统来说,多线程都存在内存占用过大的弊端。Chrome在每一个进程结束的时候,采用了新的方法,回收并可再利用内存空间,在一定程度上解决了这个问题。

下载地址:http://www.google.com/chrome

原文链接| 暂无评论

PR劫持,看PR造假的手段

PR是Google建立的PageRank,他旨在为网站排名起一个评分的作用,平时我们这些站长添加链接的时候,也已对方的PR作为是否可以添加的判断条件之一。

但如果说PR也可以造假,你相信吗?近来,一些朋友希望和我交换链接,由于我的个人网站PR已经为6了,所以我也会去查看对方的PR,但我发现,这些ALEXA排名在百万开外的网站,PR竟然有6有7,甚至还有8的,我判定这里面一定有猫腻。

翻阅了相关的资料,我对这个大概摸清了这个造假的手段,原来他们将一个域名通过301转向到一些PR较高的网站,当搜索引擎更新网站PR的时候,它们的网站也随之更新,此时,再将301转向取消。于是我们就看到一个PR为7为8的“小网站”了。

那么如何来鉴别PR的真伪呢?我整理了如下的办法。

1、使用网页快照:如果网页快照与浏览器浏览的页面不一致,则说明此站之前使用了301转向。

2、使用link指令,查看网页搜录情况是否一致。如图,我们可以看到网站A(左侧)将网站B(右侧)的进行劫持,他们的内容一致,PR一致。

鉴别PR真假的实例

3、如果新人觉得上面的方法很繁琐,我建议新手朋友使用一些鉴别PR真假的专业网站,在搜索引擎中输入“鉴别PR真假”即可找到很多鉴别PR真假的网站。

原文链接| 评论 (5)

气泡提示

首先我们构建页面的结构,在这里我建立了三个不同的容器,第一个容器内是文字,第二个是图片,第三个是表单。由于在页面制作过程中,我们经常会遇到表单,图片,文字混排的情况,所以我在这些容器的上方故意放置一些输入框,图片和选者框进行测试。(由于IE6在处理选择框的z-index层次的时候存在bug,因此我们使用它。)

[-]?View Code HTML4STRICT
<input style="background:blue; border:1px solid #000;" maxlength="134217727" size="20" type="text" />
<div class="tipBox">
<div id="tips0" class="tips"><span>点击查看原图</span></div>
<div class="onTips">鼠标移动到此上显示提示文字</div>
</div>
 
<img src="tip_bulb.gif" alt="" width="100" height="25" />
<div class="tipBox">
<div id="tips1" class="tips"><span>点击这里查看更大的图片</span></div>
<div class="onTips"><img src="tip_bulb.gif" alt="" width="100" /></div>
</div>
<select><option selected="65535" value="1">abc</option></select>
<div class="tipBox">
<div id="tips2" class="tips"><span>WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</span>&lt; ![endif]--&gt;</div>
<div class="onTips">
<input style="background:red; border:1px solid #000;" maxlength="134217727" size="20" type="text" /></div>
</div>

接下来,我们书写样式表,这里需要注意的是.tips iframe中的属性全部是必须的,缺一不可。display:block及滤镜在这里是均是为处理ie6下的差异。

/*  Tips  */
.tipBox {
	position:relative; /* 设置气泡提示为相对定位已保证气泡层准确的游动在文字上方 */
	cursor:pointer;
}
.tips {
	background:url(tip_bulb.gif) no-repeat; /* 背景采用滑动门的方式,以无限扩展 */
	width:auto; /* 宽度自动 */
	height:25px;
	position:absolute; /* 设置气泡提示层为绝对定位 */
	top:-26px;
	left:-4px;
	display:none; /* 默认设置隐藏 */
	z-index:10; /* 由于气泡提示可能会遇到ie6下select的bug,故设置他的z-index为10,用以解决这个问题 */
}
.tips:not(iced) {
	top:-23px; /* 矫正firefox下气泡提示层的距离 */
}
.tips iframe
{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask(); /* 使用遮罩滤镜,这是必须的 */
	display:block; /* 默认设置隐藏 */
}
.tips span {
	background:url(tip_bg.gif) right top no-repeat; /* 气泡内的元素的容器,设置背景用以和该容器的父容器结合 */
	max-width:725px; /* 设置最大宽度为725像素,only firefox */
	overflow:hidden;
	height:25px;
	display:inline-block; /* 将其已块级元素的方式内敛传递 */
	margin-left:20px;
	padding-right:8px;
	font:12px/23px Arial, Helvetica, sans-serif;
	white-space:nowrap; /* 不允许折行 */
}

我使用了JQuery框架,如果您原生js或者其他框架,思路是一致的

[-]?View Code JAVASCRIPT
$(document).ready(function(){
	$(".tipBox").mouseover(function(){
	var tipNum = $(this).children(".tips").attr("id"); /* 取得当前的id */
	$("#"+tipNum).show(); /* 我本来使用setTimeout控制了一个延迟,但这个效果在ie6下由于个人技术问题出现了问题,只好改用简单“显示、隐藏”,真是一个遗憾 */
	});
	$(".tipBox").mouseout(function(){
	var tipNum = $(this).children(".tips").attr("id");
	clearTimeout(this.timeout);
	$("#"+tipNum).hide()
	});
});

原文链接| 暂无评论