<!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=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="keywords" content="世界10大水上奇迹 中国漓江入选" />
<meta name="description" content="世界10大水上奇迹 中国漓江入选" />
<meta name="author" content="网易" />
<meta name="Copyright" content="网易版权所有" />
<base target="_blank" />
<title>世界10大水上奇迹 中国漓江入选_网易旅游</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="channel_nav.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="nph_area">
<div class="NTES_nav_" style="height:30px; overflow:hidden;">
<span class="nav_link"><a href="#/">网易首页</a>-<a href="#">新闻</a>-<a href="#">体育</a>-<a href="#">NBA</a>-<a href="#">亚运</a>-<a href="#">娱乐</a>-<a href="#">财经</a>-<a href="#">股票</a>-<a href="#" id="_link_auto">汽车</a>-<a href="#">科技</a>-<a href="#">手机</a>-<a href="#">女人</a>-<a href="#">论坛</a>-<a href="#">视频</a>-<a href="#">博客</a>-<a href="#" id="houseUrl">房产</a>-<a id="homeUrl" href="#">家居</a>-<a href="#">健康</a>-<a href="#">教育</a>-<a href="#">读书</a>-<a href="#" id="_link_game">游戏</a></span>
<span class="rightCon">
<a href="#"><img width="26" height="14" border="0" alt="Rss" class="rss" src="rss.gif" style="width: 26px; height: 14px;"/></a>
<span class="NTES_link">|<script language="JavaScript" src="ntes_mail_info_0225.js"></script><noscript><a href="#"> 免费邮箱</a>-<a href="#">通行证登录</a></noscript></span>
</span>
</div>
<div class="nph_chn clearfix">
<span class="nph_logo"><a href="#"><img src="endpage_logo.gif" alt="旅游频道" width="70" height="27" /></a></span>
<span class="nph_crumb"><a href="#">网易</a> > <a href="#">旅游频道</a> > 旅游图集</span>
</div>
<link href="nph_gallery_2.7.css" rel="stylesheet" type="text/css" />
<div class="nph_gallery clearfix" id="gallery">
<div class="nph_bg">
<div class="nph_cnt clearfix">
<div class="nph_search_panel">
<form id="searchPhoto">
<span class="nph_search_input">
<label for="searchInput">搜索图片</label>
<input title="输入图片关键词" autocomplete="off" name="q" id="searchInput" />
</span>
<span class="nph_search_btn">
<button type="submit"></button>
</span>
</form>
</div>
<div class="nph_set_info">
<div id="setInfo">
<div class="nph_set_title">
<h1>世界10大水上奇迹 中国漓江入选</h1><span class="nph_set_cur hidden" id="photoType">(<span id="photoIndex" class="nph_c_lh"></span>/10)</span><span class="nph_set_size" id="streamType">(共<span class="nph_c_lh">10</span>张)</span><span>2010-08-20 10:43</span></div>
<p>美国《国家地理杂志》8月18日盘点了世界上10大水上奇迹,中国漓江入选。</p>
</div>
<div id="searchTheme" class="hidden">
<a href="" class="nph_btn_return" id="viewPhoto">< 返回</a>
<h3 class="hidden">找到<span></span>相关图片<span class="nph_search_count">(共<span></span>张)</span></h3>
<h3 class="hidden">未找到<span></span>相关图片</h3>
</div>
</div>
</div>
<span class="nph_hr_solid"></span>
<div id="modePhoto" class="nph_photo">
<div class="nph_photo_view">
<div class="nph_cnt" id="photoView"><i></i><img src="bg06.png" id="photo" /></div>
<div class="nph_photo_prev"><a href="#" hidefocus="true" target="_self" class="nph_btn_pphoto" id="photoPrev"></a></div>
<div class="nph_photo_next"><a href="#" hidefocus="true" target="_self" class="nph_btn_nphoto" id="photoNext"></a></div>
<div class="nph_photo_loading" id="photoLoading"></div>
</div>
<div class="nph_cnt">
<div class="nph_photo_ctrl">
<ul><li><a href="" class="nph_icon_orig" id="viewOrig">查看原图</a>|</li><li><a href="#q=1" class="nph_icon_stream" id="viewStream">全部图片</a>|</li></ul>
</div>
<div class="nph_photo_desc" id="photoDesc"></div>
</div>
<span class="nph_hr_solid"></span>
<div class="nph_cnt">
<div class="clearfix">
<div class="nph_set">
<div class="nph_set_thumb">
<div class="nph_photo_thumb clearfix" id="scrl">
<div class="clearfix">
<div class="nph_scrl">
<div class="nph_scrl_thumb">
<div class="nph_scrl_main">
<ul class="nph_list_thumb clearfix" id="thumb"></ul>
</div>
<div class="nph_scrl_bar clearfix">
<span class="nph_scrl_lt"></span>
<span class="nph_scrl_rt"></span>
<div class="nph_scrl_bd">
<div class="nph_scrl_ct">
<a href="" hidefocus="true" class="nph_btn_scrl" id="bar">
<b class="nph_btn_lt"></b>
<b class="nph_btn_rt"></b>
<span class="nph_btn_bd"><span><b class="nph_btn_ct"></b></span></span>
</a>
</div>
</div>
</div>
</div>
</div>
<span class="nph_scrl_prev"><a href="" hidefocus="true" class="nph_btn_pscrl" id="scrlPrev"></a></span>
<span class="nph_scrl_next"><a href="" hidefocus="true" class="nph_btn_nscrl" id="scrlNext"></a></span>
</div>
</div>
</div>
</div>
<span class="nph_set_prev"><a href="#" target="_self" class="nph_btn_pset" id="prevSet"><img src="s_6EEP80OI00BQ0006.jpg" alt="英国举行妙趣横生的国际“鸟人”大赛" /><span>< 上一图集</span></a></span>
<span class="nph_set_next"><a href="#" target="_self" class="nph_btn_nset" id="nextSet"><img src="s_6AJ19KJJ00BQ0006.jpg" alt="在南非野生动物园与狮子犀牛零距离" /><span>下一图集 ></span></a></span>
</div>
</div>
</div>
<div id="modeStream" class="nph_stream hidden">
<div class="nph_cnt">
<div class="nph_stream_view" id="stream"></div>
</div>
</div>
<div id="modeSearch" class="nph_search hidden">
<div class="nph_cnt">
<div class="nph_search_view" id="search"></div>
</div>
</div>
<textarea class="hidden" id="photoList">
<li id="6EHAGUP900BQ0006">
<a href="#p=6EHAGUP900BQ0006" hidefocus="true"><img src="s_6EHAGUP900BQ0006.jpg" alt="1.津巴布韦和赞比亚之间的维多利亚瀑布" /></a>
<h2>1.津巴布韦和赞比亚之间的维多利亚瀑布</h2>
<p>当平静的赞比西河水来到1700米宽的维多利亚瀑布峡谷边缘时,河水落差突然达到100多米,撞击产生的水雾和雷鸣般的声音从很远的地方就能看见和听见。在雨季时(11月中旬到4月末),整个瀑布被隐藏在厚厚的水雾墙后面,其他时间水量则会减少。</p>
<i title="img">6EHAGUP900BQ0006.jpg</i>
<i title="timg">t_6EHAGUP900BQ0006.jpg</i>
</li>
<li id="6EHAGVH500BQ0006">
<a href="#p=6EHAGVH500BQ0006" hidefocus="true"><img src="s_6EHAGVH500BQ0006.jpg" alt="2.意大利威尼斯运河" /></a>
<h2>2.意大利威尼斯运河</h2>
<p>炎炎夏日,威尼斯运河和上面的平底船提供了世界上最浪漫的经历:在月光下慢慢穿过成排的宫殿。威尼斯被称为水上城市,纵横交错的150条运河将700个小岛链接起来,成为一座漂浮的城市。所有人只能依靠双脚或者船只旅行,其中3公里长的主航道大运河沿岸有近200栋宫殿、豪宅和7座教堂,多半建于14至16世纪文艺复兴时期。</p>
<i title="img">6EHAGVH500BQ0006.jpg</i>
<i title="timg">t_6EHAGVH500BQ0006.jpg</i>
</li>
<li id="6EHAH08H00BQ0006">
<a href="#p=6EHAH08H00BQ0006" hidefocus="true"><img src="s_6EHAH08H00BQ0006.jpg" alt=" 3.澳大利亚大堡礁" /></a>
<h2> 3.澳大利亚大堡礁</h2>
<p>延伸2000多公里的大堡礁是世界最大最长的珊瑚礁群,有2900个大小珊瑚礁岛,因其美丽、独特以及脆弱的生态系统,1981年被列入世界自然遗产名录。附近有10000多种物种,包括1500种鱼类和200种鸟类,每年吸引成千上万的游客来此观光、潜水。但是环保人士担心,大量游客到访以及随之而来的污染,正在毁掉这里的自然奇迹。</p>
<i title="img">6EHAH08H00BQ0006.jpg</i>
<i title="timg">t_6EHAH08H00BQ0006.jpg</i>
</li>
<li id="6EHAH0U400BQ0006">
<a href="#p=6EHAH0U400BQ0006" hidefocus="true"><img src="s_6EHAH0U400BQ0006.jpg" alt="4.中国漓江" /></a>
<h2>4.中国漓江</h2>
<p>位于桂林和阳朔之间、绵延83公里长的漓江,是数千年来无数文人志士获得灵感的地方。蜿蜒的漓江通过童话般的喀斯特地貌,平静的河水倒映出魔幻般的美景。薄雾与石灰石互相缠绕、时隐时现的情景最是令人陶醉,两岸是优美的竹林和平整的稻田。每个转弯处都能找到新奇和有趣的看点,懒洋洋的水牛拉着大车或者在河水中冲凉,渔民在狭窄的竹筏上悠然自得。</p>
<i title="img">6EHAH0U400BQ0006.jpg</i>
<i title="timg">t_6EHAH0U400BQ0006.
没有合适的资源?快使用搜索试试~ 我知道了~
Javascript做的仿照网易官网图片展示效果
共70个文件
jpg:40个
png:12个
js:7个
5星 · 超过95%的资源 需积分: 9 61 下载量 142 浏览量
2010-08-26
17:17:51
上传
评论 1
收藏 946KB RAR 举报
温馨提示
使用Javascript做的仿照网易官网的图片展示效果。内附代码以及效果图。
资源推荐
资源详情
资源评论
收起资源包目录
网易图片展示.rar (70个子文件)
效果图.jpg 304KB
代码
channel_nav.css 6KB
6EHAH2R000BQ0006.jpg 33KB
s_6EEP80OI00BQ0006.jpg 2KB
s_6EHAGUP900BQ0006.jpg 3KB
6EHAH3D800BQ0006.jpg 22KB
bg14.png 162B
6EHAH1K400BQ0006.jpg 43KB
t_6EHAH2R000BQ0006.jpg 6KB
bg13.png 85B
s_6EHAH08H00BQ0006.jpg 4KB
nph_gallery_2.7.css 10KB
bg12.cur 3KB
s_6EHAGVH500BQ0006.jpg 4KB
t_6EHAH4KN00BQ0006.jpg 3KB
bg03.png 236B
6EHAH4KN00BQ0006.jpg 20KB
6EHAH41F00BQ0006.jpg 37KB
bg10.png 200B
t_6EHAH0U400BQ0006.jpg 5KB
endnav_bg1001.jpg 4KB
s_6EHAH1K400BQ0006.jpg 2KB
t_6EHAH41F00BQ0006.jpg 6KB
rss.gif 501B
ntes_ui_scroll.js 6KB
bg16.png 576B
endnav_bg.jpg 10KB
s_6EEN6DHA00BQ0006.jpg 4KB
enterinput.gif 156B
t_6EHAH27200BQ0006.jpg 8KB
s_6EHAH27200BQ0006.jpg 4KB
s_6E9KJHHG00BQ0006.jpg 3KB
bg08.png 184B
ntes_bg.jpg 555B
t_6EHAH3D800BQ0006.jpg 3KB
ntes_jslib_ui_0.x.js 5KB
t_6EHAH1K400BQ0006.jpg 4KB
loading.gif 701B
t_6EHAGUP900BQ0006.jpg 7KB
6EHAGVH500BQ0006.jpg 126KB
bg15.png 161B
ntes.js 12KB
ntes_mail_info_0225.js 9KB
ntes_nav_img.gif 440B
bg07.png 411B
wangyi_showpic.html 14KB
s_6EC4H1LB00BQ0006.jpg 4KB
t_6EHAGVH500BQ0006.jpg 9KB
s_6AJ19KJJ00BQ0006.jpg 3KB
6EHAH08H00BQ0006.jpg 83KB
6EHAH27200BQ0006.jpg 35KB
s_6EHAH3D800BQ0006.jpg 2KB
s_6ECFDTPJ00BQ0006.jpg 2KB
6EHAH0U400BQ0006.jpg 42KB
t_6EHAH08H00BQ0006.jpg 8KB
bg11.cur 3KB
s_6EHAH4KN00BQ0006.jpg 2KB
endpage_logo.gif 2KB
ntes_jslib_1.x.js 18KB
bg05.png 230B
bg04.png 302B
bg06.png 99B
style.css 3KB
bg09.png 214B
s_6EHAH2R000BQ0006.jpg 3KB
s_6EHAH0U400BQ0006.jpg 3KB
s_6EHAH41F00BQ0006.jpg 3KB
6EHAGUP900BQ0006.jpg 61KB
nph_gallery_2.7.js 10KB
a1.js 5KB
共 70 条
- 1
资源评论
- qiongguihengbao2012-07-12应该是直接把网易上的扣下来完了改个名称吧,,冗余代码太多,谢谢分享
- etoward2012-08-27完全可以用,非常好
- chenhuixfyy2013-03-29网站上直接接下来的吧。。但是还不错
letslets
- 粉丝: 0
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功