仿搜优图片网触屏版手机wap图片网站模板.rar_网站开发模板含源代码(css+html+js+图样).zip资源-CSDN文库

共135个文件

jpg：91个

png：25个

css：10个

版权申诉

毕业设计

计算机资料

6 浏览量 2024-04-20 19:32:27 上传评论收藏 8.06MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

仿搜优图片网触屏版手机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 条

<!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

评论收藏

内容反馈

版权申诉