非常好的图片创意

最新推荐文章于 2018-11-12 10:56:27 发布

realduke2000

最新推荐文章于 2018-11-12 10:56:27 发布

阅读量6.3k

点赞数

分类专栏：脚本类文章标签： class div input jquery function border

本文链接：https://blog.csdn.net/realduke2000/article/details/6247941

版权

脚本类专栏收录该内容

13 篇文章 1 订阅

订阅专栏

---------------------------

	<!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" lang="zh-CN">
	<head>
	<title>日本地震灾区前后对比</title>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<meta http-equiv="Content-Language" content="zh-CN" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<meta content="all" name="robots" />
	<meta name="author" content="" />
	<meta name="Copyright" content="Netease" />
	<meta name="keywords" content="日本地震,日本,地震,,海啸,网易新闻,网易" />
	<meta name="description" content="当地时间11日下午2点46分左右，日本东北宫城县北部地区发生里氏9.0级特大地震。" />
	<link href="http://img1.cache.netease.com/sports/css07/style.css" rel="stylesheet" type="text/css" />
	<link href="http://img1.cache.netease.com/subject/images/subject091020/subject091020.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
	a{ color:#2b2b2b;}
	.nesting{width:960px;}/* 评论 */
	.sign{width:960px;}/* 署名 */
	.foot{width:960px; text-align:center;}/* 页脚 */
	.tCenter{text-align:center;}/* 文字居中 */
	strong{font-weight:bold;}
	</style>
	<style type="text/css" media="screen">
	#beforeafter .section {
	margin-top: 2em;
	position: relative;
	}
	#beforeafter .section p.source {
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
	font-size: 12px;
	}

	.beforeafter { position: relative; overflow: hidden; }

	.before, .after { position: absolute; top: 0; left: 0; }

	.before {
	border-right: 5px solid #000;
	-moz-box-shadow: 1px 0 20px #222;
	-webkit-box-shadow: 1px 0 20px #222;
	box-shadow: 1px 0 20px #222;
	}

	.help {
	position: absolute;
	bottom: 20px;
	right: 70px;
	font: bold 20px/1em Helvetica, Arial, sans-serif;
	color: #FFF;
	opacity: 0.7;
	}
	h2 {
	font-size:18px; font-weight:bold; text-align:left; line-height:31px;
	}
	</style>
	<script type="text/javascript" charset="utf-8" src="http://active.163.com/js/jquery-1.4.2.js"></script>
	<script type="text/javascript" charset="utf-8">
	jQuery(function(){

	// Loop through all the sets of before and after pics
	jQuery(".beforeafter").each(function(){

	// Set the container's size to the size of the image
	jQuery(this).width(jQuery(this).find("img[rel=before]").attr("width")).height(jQuery(this).find("img[rel=before]").attr("height"));

	// Convert the images into background images on layered divs
	jQuery(this).append("<div class='after'></div>").find(".after").css({"background": "url(" + jQuery(this).find("img[rel=after]").attr("src") + ")", "width": jQuery(this).find("img[rel=after]").attr("width") + "px", "height": jQuery(this).find("img[rel=after]").attr("height") + "px"});
	jQuery(this).append("<div class='before'></div>").find(".before").css({"background": "url(" + jQuery(this).find("img[rel=before]").attr("src") + ")", "width": jQuery(this).find("img[rel=before]").attr("width") - 40 + "px", "height": jQuery(this).find("img[rel=before]").attr("height") + "px"});

	// Add a helpful message
	jQuery(this).append("<div class='help'>鼠标悬停图片上滑动观看</div>");

	// Remove the original images
	jQuery(this).find("img").remove();

	// Event handler for the mouse moving over the image
	jQuery(this).mousemove(function(event){

	// Need to know the X position of the parent as people may have their browsers set to any width
	var offset = jQuery(this).offset().left;

	// Don't let the reveal go any further than 50 pixels less than the width of the image
	// or 50 pixels on the left hand side
	if ((event.clientX - offset) < (jQuery(this).find(".after").width() -50) && (event.clientX - offset) > 50) {
	// Adjust the width of the top image to match the cursor position
	jQuery(this).find(".before").width(event.clientX - offset);
	}

	});

	// Fade out the help message after the first hover
	jQuery(this).hover(function(){

	jQuery(this).find(".help").animate({"opacity": 0}, 400, function(){ jQuery(this).find(".help").remove(); });

	});

	});

	});

	</script>
	<base target="_blank" />
	</head>
	<body style="color:#2b2b2b;">
	<!-- 导航 -->
	<div class="NTES_nav_ NTES_bg_">
	<span class="NTES_logo"><a href="http://news.163.com/"><img alt="新闻专题" src="http://img1.cache.netease.com/subject/images/newlogo100628/news.gif" /></a></span>
	<span class="nav_link"><a href="http://www.163.com/">网易首页</a>-<a href="http://news.163.com/">新闻</a>-<a href="http://sports.163.com/">体育</a>-<a href="http://ent.163.com/">娱乐</a>-<a href="http://money.163.com/">财经</a>-<a href="http://auto.163.com/">汽车</a>-<a href="http://tech.163.com/">科技</a>-<a href="http://digi.163.com/">数码</a>-<a href="http://mobile.163.com/">手机</a>-<a href="http://lady.163.com/">女人</a>-<a href="http://house.163.com/">房产</a>-<a href="http://game.163.com/">游戏</a>-<a href="http://book.163.com/">读书</a>-<a href="http://bbs.163.com/">论坛</a>-<a href="http://v.163.com/">视频</a>-<a href="http://blog.163.com/">博客</a>-<a href="http://t.163.com/">微博</a></span>
	<div class="top_search">
	<form target="_blank" id="formtop" name="nisearch_top" method="get" action="http://news.yodao.com/search">
	<input type="hidden" value="news.163" name="keyfrom"/>
	<input type="hidden" value="user163" name="suser"/>
	<input type="hidden" value="gbk" name="ue"/>
	<label><span class="hidden">搜索</span><input type="text" class="textBox" value="请输入关键词" onfocus="this.value=''" id="searchInput_top" name="q"/></label>
	<noscript><select name="site" class="left">
	<option value="网易" selected="selected">新闻</option>
	<option value="">网页</option>
	</select></noscript>
	<div id="divSelect" class="left">
	</div>
	<input type="submit" class="btn" value="搜索" name="Submit"/><input type="hidden" value="page" id="in" name="in"/>
	</form>
	<a href="http://www.163.com/rss"><img width="26" height="14" border="0" alt="Rss" class="rss" src="http://img1.cache.netease.com/cnews/img07/rss.gif" /></a></div>
	</div>
	<script type="text/javascript">
	//<![CDATA[
	(function NTES_Nav(){
	function $_G(id){
	return document.getElementById(id);
	}
	function clickselect(e){
	e = e \|\| window.event;
	e.cancelBubble = true;
	var name = this.innerHTML;
	var txt = document.createTextNode(name);
	selected.removeChild(selected.firstChild);
	selected.appendChild(txt);
	select_main.style.display = "none";
	var title = this.getAttribute("title");
	$_G("siteName").value = title;
	if (title == "网易") {
	document.nisearch_top.action = "http://news.yodao.com/search";
	}
	else {document.nisearch_top.action = "http://www.yodao.com/search";
	}
	}
	function a_mouseover () {
	this.className = "active";
	}
	function a_mouseout () {
	this.className = "";
	}
	$_G("divSelect").innerHTML = '<input id="siteName" type="hidden" value="网易" name="site" /><div id="select_area" class="select_box"><span id="selected" class="search_site">新闻</span><div id="select_main" class="select_list"><a title="网易">新闻</a><a title="">网页</a></div></div>';
	var select_area = $_G("select_area"), selected = $_G("selected"), select_main = $_G("select_main"), select_list = select_main.getElementsByTagName("a"), len = select_list.length;
	select_area.onclick = select_main.onmouseover = function(){
	select_main.style.display = "block";
	}
	select_main.onmouseout = function(){
	select_main.style.display = "none";
	}

	for (var i = 0; i < len; i++) {
	select_list[i].onclick = clickselect;
	select_list[i].onmouseover = a_mouseover;
	select_list[i].onmouseout = a_mouseout;
	}
	})();
	//]]>
	</script>
	<!-- 内容编辑区 -->
	<table width="960" border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td>
	<div style="position:relative">
	<h1 style=" height:200px; overflow:hidden;"><a href="#"><img src="http://img2.cache.netease.com/cnews/2011/3/13/20110313134610d62e4.png" width="960" height="200" /></a><br />日本地震</h1>
	<span style="display:block; position:absolute; right:0px; bottom:0px; width:84px; height:20px; background:#eeeeee url(http://img1.cache.netease.com/subject/images/subject091020/icon01.gif) no-repeat 9px 7px; padding-left:22px; line-height:23px;"><a href="http://news.163.com/special/">更多新闻专题</a></span>
	</div>
	</td>
	</tr>
	</table>
	<table width="960" border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td class="top_nav navBule01 cWhite"><a href="http://news.163.com/special/ribendbhyddz/">全部新闻</a> \| <a href="http://v.163.com/special/japanearthquake/">视频报道</a> \| <a href="http://news.163.com/special/japan_earthquake/">图片报道</a> \| <a href="http://discover.news.163.com/special/earthquake_warning/">特别策划</a> \| <a href="http://t.163.com/zt/news/japan_earthquake">微博直播</a> \| <a href="http://t.163.com/zt/pub/qifu">微博祈福</a> \| </td>
	</tr>
	</table>
	<table cellspacing="0" cellpadding="0" border="0" width="960">
	<tbody><tr>
	<td><h3 style="font-size:20px; font-family:黑体; text-align:center; margin-top:20px;">日本地震前后对比图像</h3></td>
	</tr>
	</tbody></table>
	<table width="940" border="0" cellspacing="0" cellpadding="0" class="bg_white">
	<tr>
	<td>
	<div class="page_margins" style="margin:0 auto; width:940px;">
	<div id="main" class="page">
	<div id="beforeafter" class="subcolumns">
	<div class="section">
	<h2>仙台机场 [鼠标移动图片上滑动观看]</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/1.jpg" rel="before" alt="Sendai Airport (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/2.jpg" rel="after" alt="Sendai Airport (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>仙台市荒滨</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/3.jpg" rel="before" alt="Arahama in Sendai (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/4.jpg" rel="after" alt="Arahama in Sendai (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>仙台市藤塚</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/5.jpg" rel="before" alt="Fujitsuka in Sendai (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/6.jpg" rel="after" alt="Fujitsuka in Sendai (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>名取市</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/7.jpg" rel="before" alt="Yuriage in Natori (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/8.jpg" rel="after" alt="Yuriage in Natori (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>名取市</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/9.jpg" rel="before" alt="Yuriage in Natori (looking west) (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/10.jpg" rel="after" alt="Yuriage in Natori (looking west) (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>福岛核电站</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/11.jpg" rel="before" alt="Fukushima nuclear plant (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/12.jpg" rel="after" alt="Fukushima nuclear plant (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>福岛南相马市鹿岛区</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/13.jpg" rel="before" alt="Kashimaku in Minamisoma (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/14.jpg" rel="after" alt="Kashimaku in Minamisoma (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>福岛南相马市鹿岛区</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/15.jpg" rel="before" alt="Kashima in Minamisoma (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/16.jpg" rel="after" alt="Kashima in Minamisoma (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>福岛县相马市原町南滩</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/17.jpg" rel="before" alt="Haranomachi in Minamisoma (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/18.jpg" rel="after" alt="Haranomachi in Minamisoma (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>宫城县石卷港</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/19.jpg" rel="before" alt="Ishinomaki in Miyagi (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/20.jpg" rel="after" alt="Ishinomaki in Miyagi (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>宫城饭子浜</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/21.jpg" rel="before" alt="Iigohama in Miyagi (Oshika Peninsula) (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/22.jpg" rel="after" alt="Iigohama in Miyagi (Oshika Peninsula) (after disaster)" width="940" height="529" />
	</div>
	</div>
	<div class="section">
	<h2>宫城县谷川浜</h2>
	<p class="source">图片数据来源 ABC news</p>
	<div class="beforeafter">
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/23.jpg" rel="before" alt="Yagawahama in Miyagi (Oshika Peninsula) (before disaster)" width="940" height="529" />
	<img src="http://img1.cache.netease.com/cnews/zyguan/riben/24.jpg" rel="after" alt="Yagawahama in Miyagi (Oshika Peninsula) (after disaster)" width="940" height="529" />
	</div>
	</div>
	</div>
	</div>
	</div>
	</td>
	</tr>
	<tr><td height="10"></td></tr>
	</table>
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td height="10"></td>
	</tr>
	</table>
	<table width="960" border="0" cellspacing="0" cellpadding="0" class="bg_white">
	<tr>
	<td>
	<table border="0" align="center" cellpadding="0" cellspacing="0" class="nesting">
	<tr>
	<td>
	<!-- Commment Begin -->
	<script type="text/javascript" language="javascript">//<![CDATA[
	var isShowComments = false,tieChannel = "news",isStrict = true;
	//]]></script>
	<!-- Tie Begin -->
	<link href="http://img1.cache.netease.com/tie/css/tieanywhere2.2.3.css" rel="stylesheet" type="text/css" />
	<div id="tieArea" class="tie-area">
	<div class="tie-hidden">
	<iframe name="tie-ajax-get"></iframe>
	<form name="tie-ajax-post" action="" method="post" target="tie-ajax-get"></form>
	</div>
	<div class="tie-show">
	<div class="tie-titlebar">
	<strong>跟贴区</strong>
	<a class="tieLink" target="_blank" href="">已有<span class="cDRed tieCount"></span>条跟贴<span class="cDRed">(点击查看)</span></a>
	</div>
	<div class="tie-data"><p class="tie-tips">跟贴读取中...</p></div>
	</div>

	<div class="tie-post">
	<div class="tie-titlebar" >
	<strong>发贴区</strong>
	<a class="tieLink" target="_blank" href="">已有<span class="cDRed tieCount"></span>条跟贴<span class="cDRed">(点击查看)</span></a>
	</div>
	<div class="tie-author">
	<div class="tie-author-nickname"><a href="#" class="tie-author-tologin">点击登录</a> \| <label>昵称：</label><input name="nickname" type="text" class="tie-textbox" /></div>
	<form method="post" action="https://reg.163.com/logins.jsp" class="tie-author-login" target="_self">
	<a href="http://news.163.com/special/00013GHE/commenthelp.html" class="howToUseTie">[如何使用跟贴]</a>
	<span class="tie-author-toname"><a href="#">昵称</a> \|</span>
	<label>网易通行证：<input type="text" class="tie-textbox" name="username" /></label>
	<label>密码：<input type="password" class="tie-textbox" name="password" /></label>
	<label><input type="checkbox" name="autologin" value="1" checked="checked" /> <span>自动登录</span></label>
	<input type="submit" class="tie-button tie-login-button" value="登录" />
	<a href="http://reg.163.com/regg.shtml?url=" class="tie-reg">注册</a>
	<input type="hidden" value="search" name="product" /><input type="hidden" value="1" name="type" /><input type="hidden" name="url" />
	</form>
	<div class="tie-author-logon">
	<a href="#" class="tie-myposts" target="_blank"><strong class="tie-username"></strong></a> 发言 \| <a href="#" target="_self" class="tie-changename">修改昵称</a> \| <a href="#" target="_blank" class="tie-myposts">我的网易跟贴</a> \| <a href="http://t.163.com/" target="_blank" class="tie-myTinyBlog">我的网易微博 <sup class="cDRed"><img src="http://comment.news.163.com/images/newicon.png" width="18" height="7" alt="new!" /></sup></a> \| <a target="_self" href="#" class="tie-logout">退出</a>
	</div>
	</div>
	<form class="tie-postform" action="http://comment.news.163.com/reply/dopost.jsp" method="post" target="_blank">
	<textarea name="body" class="tie-textarea" cols="80" rows="8">文明上网，登录发贴</textarea>
	<div class="send">
	<p>网友评论仅供其表达个人看法，并不表明网易同意其观点或证实其描述。</p>
	<div class="right">
	<input type="hidden" name="board" />
	<input type="hidden" name="username" />
	<input type="hidden" name="threadid" />
	<input type="hidden" name="url" />
	<div class="syntinyblog">
	<label class="fB"><input name="isTinyBlogSyn" type="checkbox" checked="checked" value="1" />同步到微博</label>
	<div class="tinyblogTips">
	<div class="tinyblogTips-body">
	<span class="tinyblogTips-login">发表跟贴可同步到微博啦，登录立即体验！</span>
	<span class="tinyblogTips-logon">勾选后，如果您还没有开通微博，系统将自动为您激活。</span>
	<span class="tinyblogTips-close">关闭</span>
	</div>
	</div>
	</div>
	<input type="submit" class="tie-submit" value="马上发表" />
	</div>
	</div>
	</form>
	</div>

	<div class="tie-dialog tie-nicknamedialog borderShade">
	<div class="tie-dialog-titlebar">
	<span class="tie-dialog-title">修改昵称</span>
	<a href="#" class="tie-dialog-close" target="_self"></a>
	</div>
	<div class="tie-dialog-body">
	<form action="http://comment.news.163.com/reply/alterNickname.jsp" method="post" target="tie-ajax-get">
	<input name="nickname" type="text" class="tie-textbox" maxlength="12" />
	<input type="submit" class="tie-submit" value="确定" />
	<label>跟贴昵称修改后，论坛昵称也会变哦</label>
	</form>
	</div>
	<span class="c1"></span><span class="c2"></span><span class="c3"></span><span class="c4"></span><span class="c6"></span><span class="c7"></span><span class="c8"></span><span class="c9"></span>
	</div>
	<div class="tie-dialog tie-quotedialog borderShade">
	<div class="tie-dialog-titlebar">
	<span class="tie-dialog-title">盖楼回复</span>
	<a href="#" target="_self" class="tie-dialog-close"></a>
	</div>
	<div class="tie-dialog-body">
	<div class="tie-author">
	<div class="tie-author-nickname"><a href="#" class="tie-author-tologin">点击登录</a> \| <label>昵称：</label><input name="nickname" type="text" class="tie-textbox" /></div>
	<form method="post" action="https://reg.163.com/logins.jsp" class="tie-author-login" target="_self">
	<span class="tie-author-toname"><a href="#">昵称</a> \|</span>
	<label>网易通行证：<input type="text" class="tie-textbox" name="username" /></label>
	<label>密码：<input type="password" class="tie-textbox" name="password" /></label>
	<label><input type="checkbox" name="autologin" value="1" checked="checked" /> <span>自动登录</span></label>
	<input type="hidden" value="search" name="product" /><input type="hidden" value="1" name="type" /><input type="hidden" value="" name="url" /><input type="submit" class="tie-button tie-login-button" value="登录" />
	<a href="http://reg.163.com/regg.shtml?url=" class="tie-reg">注册</a>
	</form>
	<div class="tie-author-logon">
	<a target="_blank" class="tie-myposts" href=""><strong class="tie-username"></strong></a> 发言 \| <a target="_self" href="#" class="tie-logout">退出</a>
	</div>
	</div>
	<form class="tie-postform" action="http://comment.news.163.com/reply/dopost.jsp" method="post" target="_blank">
	<textarea name="body" rows="8" cols="80" class="tie-textarea">文明上网，登录发贴</textarea>
	<div class="tie-postform-sub">
	<div class="syntinyblog">
	<label class="fB"><input name="isTinyBlogSyn" type="checkbox" checked="checked" value="1" />同步到微博</label>
	<div class="tinyblogTips">
	<div class="tinyblogTips-body">
	<span class="tinyblogTips-login">发表跟贴可同步到微博啦，登录立即体验！</span>
	<span class="tinyblogTips-logon">勾选后，如果您还没有开通微博，系统将自动为您激活。</span>
	<span class="tinyblogTips-close">关闭</span>
	</div>
	</div>
	</div>
	<input type="submit" class="tie-submit" value="马上发表" />
	<input type="hidden" name="username"/>
	<input name="board" type="hidden" />
	<input name="threadid" type="hidden" />
	<input name="url" type="hidden" />
	<input name="quote" type="hidden" />
	</div>
	</form>
	</div>
	<span class="c1"></span><span class="c2"></span><span class="c3"></span><span class="c4"></span><span class="c6"></span><span class="c7"></span><span class="c8"></span><span class="c9"></span>
	</div>
	<div class="tie-dialog tie-repostdialog borderShade">
	<div class="tie-dialog-titlebar">
	<span class="tie-dialog-title">复制收藏</span>
	<a href="#" target="_self" class="tie-dialog-close"></a>
	</div>
	<div class="tie-dialog-body">
	<p class="tie-repostdialog-tips">
	<span class="success">复制成功，按CTRL+V发送给好友、论坛或博客。</span>
	<span class="failed">浏览器限制，请复制链接和标题给好友、论坛或博客。</span>
	</p>
	<p class="tie-repostdialog-content"><span class="tie-repostdialog-title"></span><br/><a href="" class="tie-repostdialog-url"></a></p>
	<div style="text-align: center;"><input type="button" class="tie-repostdialog-confirm tie-dialog-close" value="" /></div>
	</div>
	<span class="c1"></span><span class="c2"></span><span class="c3"></span><span class="c4"></span><span class="c6"></span><span class="c7"></span><span class="c8"></span><span class="c9"></span>
	</div>
	</div>
	<script type="text/javascript" src="http://img1.cache.netease.com/cnews/js/ntes_jslib_1.x.js"></script>
	<script type="text/javascript" src="http://img1.cache.netease.com/tie/js/tieanywhere/tieanywhere2.3.5-min.js"></script><script type="text/javascript">//<![CDATA[
	(function() {
	var tieArea = new tieAnywhere.HotTieArea($("#tieArea"), "SPEC00016V3GBHGN", "news_guoji2_bbs", tieChannel, isStrict);
	tieArea[isShowComments ? "showPage" : "initView"]();
	$("span.tieCount, strong.tieCount").attr("innerHTML", 552);
	$("#replycounttop, #replycount001, #replycountbottom").attr("innerHTML", 552);
	})();
	//]]></script>
	<!-- Comment End -->
	</td>
	</tr>
	</table>
	<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
	<td height="9"></td>
	</tr>
	</table>
	<table border="0" align="center" cellpadding="0" cellspacing="0" style="border:1px solid #CCC; " class="sign cDGray">
	<tr>
	<td width="131"><a href="http://news.163.com/special/"><img src="http://img1.cache.netease.com/subject/images/newlogo100628/news_logo.png" alt="" width="131" height="48" /></a></td>
	<td>责任编辑：官志远   时间：2011-03-14</td>
	<td width="410" style="text-align:right; ">
	<!!(ThePillsS)> <a style="color: rgb(114, 113, 113); background: url('http://img1.cache.netease.com/cnews/css09/wblog.gif') no-repeat left center; padding:2px 0px 0px 19px;" target="_self" onclick="(function(){var url = 'link=http://news.163.com&source='+ encodeURIComponent('网易新闻')+ '&info='+ encodeURIComponent(document.title) + ' ' + encodeURIComponent(document.location.href);window.open('http://t.163.com/article/user/checkLogin.do?'+url+'&'+new Date().getTime(),'newwindow','height=330,width=550,top='+(screen.height-280)/2+',left='+(screen.width-550)/2+', toolbar=no, menubar=no, scrollbars=no,resizable=yes,location=no, status=no');})()" href="javascript:void(0);">转发到微博</a><!!(ThePillsE)> \| <span id="IEHtml"></span> <a href="http://news.163.com/" class="subject_home">新闻首页</a> \| <a href="#" target="_self" class="subject_top">回到顶部</a>
	</td>
	</tr>
	</table>
	<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
	<td height="12"></td>
	</tr>
	</table>
	<div class="foot">
	<div class="text"><a href="http://t.163.com/zt/feedback">意见反馈</a>　<a href="http://post.news.163.com/msg/zhubian.jsp">客服电话:020-83568090</a>　<a href="http://post.news.163.com/msg/zhubian.jsp">新闻热线:020-85105371</a>　<a href="http://news.163.com/sitemap.html">网站地图</a>　<a href="http://news.163.com/special/i/000117JD/index_history.html">历史回顾</a></div>
	<a href="http://corp.163.com/">About NetEase</a> - <a href="http://gb.corp.163.com/gb/about/overview.html">公司简介</a> - <a href="http://gb.corp.163.com/gb/contactus.html">联系方法</a> - <a href="http://corp.163.com/gb/job/job.html">招聘信息</a> - <a href="http://help.163.com/ ">客户服务</a> - <a href="http://gb.corp.163.com/gb/legal.html">相关法律</a> - <a href="http://emarketing.biz.163.com/">网络营销</a> - <a href="http://sitemap.163.com/">网站地图</a> <br />
	网易公司版权所有<br />

	<span class="cRed">©1997-2011</span>
	</div>
	</td>
	</tr>
	</table>
	<!-- START WRating v1.0 -->
	<script type="text/javascript" src="http://163.wrating.com/a1.js"></script>
	<script type="text/javascript">
	var vjAcc="860010-0502010100";
	var wrUrl="http://163.wrating.com/";
	vjTrack();
	</script>
	<noscript><img src="http://163.wrating.com/a.gif?c=860010-0502010100" width="1" height="1"/></noscript>
	<!-- END WRating v1.0 -->
	<!-- START NetEase Analytics 2006 -->
	<script src="http://analytics.163.com/ntes.js" type="text/javascript"></script>
	<script language="javascript" type="text/javascript">
	_ntes_nacc = "news"; //站点ID。
	neteaseTracker();
	</script>
	<!-- END NetEase Analytics 2006 -->
	</body>
	</html> --------------------