<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wml="http://www.wapforum.org/2001/wml">
<head>
<meta charset=utf-8 />
<title>仿搜优图片网触屏版手机wap图片网站模板正文页-懒人模板【http://www.lanrenmb.com/yulexiuxian/tupian/】</title>
<meta name="keywords" content="图片大全,图片大全唯美,唯美图片,唯美图片大全,好看的图片,优美图片,高清图片,优美高清,图片网,搜优图">
<meta name="description" content="韩国著名女团少女时代成员之一的郑秀妍,气质甜美,身材高挑,个性活泼可爱,郑秀妍(Jessica)精选高清图片为喜欢郑秀妍(Jessica)的人而...">
<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=2" />
<meta content="telephone=no" name="format-detection" />
<style>
article li { min-height: 44px; border-bottom: 1px solid #ededed; padding: 0 10px; }
.articles { margin: -1px auto 0 auto; height: 320px; overflow: hidden; }
.fliptab .container { position: relative; width: 700%; display: -webkit-box; white-space: nowrap; /*-webkit-backface-visibility: hidden;*/ -webkit-appearance: caps-lock-indicator; clear: both; -webkit-transition-property: left, top, translate; -webkit-transition-duration: .4s; }
.fliptab .container > * { display: block; -webkit-box-flex: 1; width: 0; }
.fliptab .container > li:first-child, .fliptab .container > li:last-child { visibility: hidden; }
.fliptab .touching { -webkit-transition-property: none; }
#gallery { width: 320px; height: 230px; margin: 0 auto 5px auto; overflow: hidden; }
#gallery.fliptab .container { width: 4000px; height: 190px; display: block; }
#gallery .container > * { list-style-type: none; margin: 0 10px 0 0; padding: 0; width: 320px; height: 190px; float: left; }
#gallery img { width: 320px; height: 190px; overflow: hidden; }
.guoqing { padding: 10px 10px 5px 10px; color: #FF0000; letter-spacing: 3px; }
#tabs3 { border-bottom: 1px solid #ededed; }
.search { border-top: 1px solid #ededed; padding-top: 10px; }
.album-box, html, body { position: relative; height: 100%; }
.album-box { overflow: hidden; -webkit-tap-highlight-color: rgba(255,0,0,0); }
/*body:after { content: ""; display: block; height: 60px; position: relative; z-index: -1; }*/
.albums-info p { max-height: 0; overflow: hidden; -webkit-transition: .2s; }
.expanded p { max-height: 200px; -webkit-transition: .4s; }
#imageindex { padding: 0 24px 0 0; }
#imageindex::after { content: ""; display: block; position: absolute; width: 17px; height: 10px; right: 0; top: 50%; margin-top: -5px; background:url(../../statics/msouutu/img/jt1.png) no-repeat 0 0; background-size: 100% 100%; }
.expanded #imageindex::after { background-image: url(../../statics/msouutu/img/jt2.png); }
</style>
<link href="../../statics/msouutu/css/m.souutu_show.css" rel="stylesheet" />
<link href="../../statics/msouutu/css/m.souutu2014.css" rel="stylesheet" />
<script type="text/javascript" src="../../../cbjs.baidu.com/js/mm.js"></script>
</head><body id="album">
<div class="album-box">
<header class="main-nav-top visible">
<div class="main-nav-top-left"><a href="default.htm">美女明星</a></div>
<div class="main-nav-top-conttxt">郑秀妍(Jessica)精选高清图片</div>
<div class="main-nav-top-right"><a href="../../default.htm"><strong>返回</strong></a></div>
</header>
<section id="albums" class="fliptab" dir="left-right">
<ul class="container" id="about">
<li><img src="../../uploadfile/2014/0315/thumb_640_0_20140315070824595.jpg" width="100%" alt="郑秀妍(Jessica)精选高清图片"/></li>
<li><img src="../../uploadfile/2014/0315/20140315070824438.jpg" width="100%" alt="郑秀妍(Jessica)精选高清图片"/></li>
<li><img src="../../uploadfile/2014/0315/thumb_640_0_20140315070825233.jpg" width="100%" alt="郑秀妍(Jessica)精选高清图片"/></li>
<li><img src="../../uploadfile/2014/0315/thumb_640_0_20140315070826261.jpg" width="100%" alt="郑秀妍(Jessica)精选高清图片"/></li>
<li><img src="../../uploadfile/2014/0315/thumb_640_0_20140315070826902.jpg" width="100%" alt="郑秀妍(Jessica)精选高清图片"/></li>
<li><img src="../../uploadfile/2014/0315/thumb_640_0_20140315070827273.jpg" width="100%" alt="郑秀妍(Jessica)精选高清图片"/></li>
<li><img src="../../uploadfile/2014/0315/thumb_640_0_20140315070828967.jpg" width="100%" alt="郑秀妍(Jessica)精选高清图片"/></li>
<li><img src="../../uploadfile/2014/0315/thumb_640_0_20140315070828909.jpg" width="100%" alt="郑秀妍(Jessica)精选高清图片"/></li>
<li><img src="../../uploadfile/2014/0315/20140315070829533.jpg" width="100%" alt="郑秀妍(Jessica)精选高清图片"/></li>
</ul>
</section>
<section class="albums-info visible">
<h3>郑秀妍(Jessica)精选高清图片<span id="imageindex">详细</span></h3>
<p>
<p>韩国著名女团“少女时代”成员之一的郑秀妍,气质甜美,身材高挑,个性活泼可爱,郑秀妍(Jessica)精选高清图片为喜欢郑秀妍(Jessica)的人而准备。 郑秀妍(Jessica)1989年4月18日出生于美国加利福尼亚州旧金山,韩国女歌手、演员。 </p>
</p>
</section>
</div>
<script src="../../statics/msouutu/js/MsouutuShow.js"></script>
<script>
var photos = ['images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg',];//document.getElementById("hidArray").value
</script>
<script>
if (!window.devicePixelRatio)
window.devicePixelRatio = 1;
window.addEventListener('resize', function () {
document.querySelector('#albums .container').style.lineHeight = document.documentElement.clientHeight + 'px';
});
document.querySelector('#albums .container').style.lineHeight = document.documentElement.clientHeight + 'px';
var header = $('header')[0], albumsinfo = $('.albums-info')[0], idx = $('#imageindex')[0], ori = $('#original')[0], albums = $('#albums')[0], hidetimer, imgurl = $('img')[0].getAttribute('itemref');
$(function () {
var z = albums, index = 0, t = albums.count, a = z.articles, c = z.container, x;
function src(e, i) { if (e) { e.innerHTML = ''; e.appendChild(document.createElement('img')).src = photos[i] || ''; e.style.visibility = photos[i] ? 'visible' : 'hidden'; } }
function m(i) { return ((i % t) + t) % t; }
function setIndex(i) {
index = m(i);
idx.innerHTML = index + 1 + '/' + photos.length;
imgurl = ori.href = photos[index].replace(/_\d+x\d+/gi, '');
}
ori.href = photos[0].replace(/_\d+x\d+/gi, '');
function showInfo() {
header.addClass('visible');
albumsinfo.addClass('visible');
}
if (photos.length > 5) {
t = photos.length;
d = function (v) {
var i = index, l1 = i - 1, l2 = i - 2, n1 = i + 1, n2 = i + 2;
src(a[v - 1].previousElementSibling, l2);
src(a[v - 1], l1);
src(a[v], i);
src(a[v + 1], n1);
src(a[v + 1].nextElementSibling, n2);
}
z.moveTo = function (v, n) {
d(v);
c.addClass('touching');
z.to(a[v].left + z.left, a[v].top + z.top);
if (x) clearTimeout(x);
x = setTimeout(function () { z.go(n); }, 0);
}
z.next = function () { if (index < t - 1) { z.moveTo(1, 2); setIndex(index + 1); } else { z.moveTo(1, 1); showInfo(); } };
z.previous = function () { if (index > 0) { z.moveTo(1, 0); setIndex(index - 1); } else { z.moveTo(1, 1); showInfo(); } };
if (location.hash && /#\d+$/.test(location.hash)) { setIndex(location.hash.substr(1) - 1); d(1); z.go(1, false); }
else { c.querySelectorAll('img').each(function () { this.lazyLoad() }) }
} else {
c.querySelectorAll('img').each(function () { thi
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
仿搜优图片网触屏版手机wap图片网站模板.rar_网站开发模板含源代码(css+html+js+图样).zip (135个子文件)
m.souutu2014.css 14KB
m.souutu.css 14KB
m.souutu_show.css 10KB
swiper-demos.css 8KB
style.css 8KB
Mindex.css 6KB
idangerous.swiper.css 2KB
google.css 731B
reset.css 644B
style.css 127B
default.htm 20KB
default.htm 12KB
3709.html 11KB
thumb_640_0_20140315070824595.jpg 298KB
thumb_640_0_20140315070826261.jpg 273KB
thumb_640_0_20140315070826902.jpg 250KB
thumb_640_0_20140315070828909.jpg 196KB
thumb_640_0_20140315070825233.jpg 188KB
20140305040555493.jpg.734.299.jpg 187KB
20140305042844797.jpg.734.299.jpg 148KB
20140305043946286.jpg.734.299.jpg 146KB
20140308072403424.jpg.734.299.jpg 146KB
thumb_640_0_20140315070828967.jpg 135KB
thumb_640_0_20140315070827273.jpg 133KB
20140313091009262.jpg.320.400.jpg 127KB
20140313093834964.jpg.320.400.jpg 116KB
20140316055508893.jpg.320.400.jpg 116KB
20140313093643343.jpg.320.400.jpg 113KB
20140305041204645.jpg.320.400.jpg 105KB
20140315055310134.jpg.320.400.jpg 102KB
20140308072332929.jpg.320.400.jpg 99KB
20140312080403788.jpg.320.400.jpg 97KB
20140211075730816.jpg.320.400.jpg 96KB
20140312082905225.jpg.320.400.jpg 95KB
20140315070824438.jpg 95KB
20140312081324196.jpg.320.400.jpg 93KB
20140312082250194.jpg.320.400.jpg 93KB
20140315070824595.jpg.320.400.jpg 91KB
20140311052731750.jpg.320.400.jpg 91KB
20140305041409354.jpg.320.400.jpg 83KB
20140312081833305.jpg.320.400.jpg 83KB
20140312080918408.jpg.320.400.jpg 81KB
20140302011710226.jpg.734.299.jpg 79KB
20140315055436720.jpg.320.400.jpg 70KB
20140312083056726.jpg.320.400.jpg 69KB
20140315070829533.jpg 66KB
20140301025600710.jpg.734.299.jpg 66KB
20140312082540886.jpg.320.400.jpg 65KB
20140224083211609.jpg.230.260.jpg 64KB
20131229030202277.jpg.230.260.jpg 61KB
20140228114145688.jpg.230.260.jpg 59KB
20140101115831457.jpg.230.260.jpg 59KB
20140126124711676.jpg.230.260.jpg 58KB
20140305041204645.jpg.230.260.jpg 56KB
20140127101559302.jpg.230.260.jpg 56KB
20140228112012376.jpg.230.260.jpg 56KB
20140305043946286.jpg.230.260.jpg 56KB
20140308085110539.jpg.230.260.jpg 55KB
20140106102945987.jpg.230.260.jpg 54KB
20140222072349712.jpg.230.260.jpg 54KB
20140223084134504.jpg.230.260.jpg 53KB
20140308072332929.jpg.230.260.jpg 53KB
20140305045007822.jpg.230.260.jpg 53KB
20140125021809639.jpg.230.260.jpg 52KB
20140125025036657.jpg.230.260.jpg 52KB
20140114090508414.jpg.230.260.jpg 52KB
20140226084726331.jpg.230.260.jpg 52KB
20140305040944235.jpg.230.260.jpg 51KB
20140305044419445.jpg.230.260.jpg 51KB
20140223091950864.jpg.230.260.jpg 51KB
20131222105101395.jpg.230.260.jpg 50KB
20140127095337627.jpg.230.260.jpg 50KB
20140305040555493.jpg.230.260.jpg 48KB
20140125021802398.jpg.230.260.jpg 48KB
20140301050350469.jpg.230.260.jpg 47KB
20140305042154413.jpg.230.260.jpg 46KB
20140305045218849.jpg.230.260.jpg 46KB
20140305041409354.jpg.230.260.jpg 45KB
20140308095117903.jpg.230.260.jpg 45KB
20140305043827197.jpg.230.260.jpg 45KB
20140301060245301.jpg.230.260.jpg 45KB
20140301051026802.jpg.230.260.jpg 44KB
20140125021808788.jpg.230.260.jpg 42KB
20140204085416945.jpg.230.260.jpg 42KB
20131222111310754.jpg.230.260.jpg 42KB
20140305044136894.jpg.230.260.jpg 42KB
20140228095159143.jpg.230.260.jpg 41KB
20140208052326478.jpg.230.260.jpg 38KB
20131231105624462.jpg.230.260.jpg 36KB
20140101064650609.jpg.230.260.jpg 36KB
20140125021806974.jpg.230.260.jpg 35KB
20140301042058904.jpg.230.260.jpg 35KB
20140305041901486.jpg.230.260.jpg 35KB
20140228070223550.jpg.230.260.jpg 34KB
20140224080130137.jpg.230.260.jpg 33KB
20140301024919887.jpg.230.260.jpg 32KB
20140301025253822.jpg.230.260.jpg 31KB
20131222113043797.jpg.230.260.jpg 31KB
20130614121403868.jpg.230.260.jpg 26KB
20140308081144349.jpg.230.260.jpg 26KB
共 135 条
- 1
- 2
资源评论
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功