<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿国外Samo Vidic Photography微官网html5手机wap旅游网站模板people页-懒人模板【www.lanrenmb.com】</title>
<meta name="keywords" content="Samo Vidic Photography" />
<meta name="description" content="Samo Vidic Photography" />
<meta name="Author" content="Webshocker.net" />
<meta id="viewport" name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=10.0, user-scalable=1" />
<link rel="apple-touch-icon" href="img/touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="144x144" href="img/touch-icon-ipad-retina.png" />
<link type="text/css" href="css/iphone.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
</head>
<body>
<div id="people" class="wrap">
<div class="box menu">
<a href="../../iphone/default.htm"><img src="img/menu-people.png" width="320" height="44" border="0" /></a>
</div>
<div class="box b1">
<a href="image.asp@p=img_2Fpic-people-01-hd.jpg"><img src="img/pic-people-01.jpg" width="160" height="240" border="0" /></a>
</div>
<div class="box b2">
<a href="image.asp@p=img_2Fpic-people-02-hd.jpg"><img src="img/pic-people-02.jpg" width="160" height="120" border="0" /></a>
</div>
<div class="box b3">
<a href="image.asp@p=img_2Fpic-people-03-hd.jpg"><img src="img/pic-people-03.jpg" width="160" height="120" border="0" /></a>
</div>
<div class="box b4">
<a href="image.asp@p=img_2Fpic-people-04-hd.jpg"><img src="img/pic-people-04.jpg" width="160" height="240" border="0" /></a>
</div>
<div class="box b5">
<a href="image.asp@p=img_2Fpic-people-05-hd.jpg"><img src="img/pic-people-05.jpg" width="160" height="120" border="0" /></a>
</div>
<div class="box b6">
<a href="image.asp@p=img_2Fpic-people-06-hd.jpg"><img src="img/pic-people-06.jpg" width="160" height="240" border="0" /></a>
</div>
<div class="box b7">
<a href="image.asp@p=img_2Fpic-people-07-hd.jpg"><img src="img/pic-people-07.jpg" width="160" height="120" border="0" /></a>
</div>
<div class="box b8">
<a href="image.asp@p=img_2Fpic-people-08-hd.jpg"><img src="img/pic-people-08.jpg" width="160" height="240" border="0" /></a>
</div>
<div class="box b9">
<a href="image.asp@p=img_2Fpic-people-09-hd.jpg"><img src="img/pic-people-09.jpg" width="160" height="120" border="0" /></a>
</div>
<div class="box b10">
<a href="image.asp@p=img_2Fpic-people-10-hd.jpg"><img src="img/pic-people-10.jpg" width="160" height="240" border="0" /></a>
</div>
<div class="box b11">
<a href="image.asp@p=img_2Fpic-people-11-hd.jpg"><img src="img/pic-people-11.jpg" width="160" height="120" border="0" /></a>
</div>
<div class="box b12">
<a href="image.asp@p=img_2Fpic-people-12-hd.jpg"><img src="img/pic-people-12.jpg" width="160" height="120" border="0" /></a>
</div>
<div class="box b13">
<a href="image.asp@p=img_2Fpic-people-13-hd.jpg"><img src="img/pic-people-13.jpg" width="160" height="120" border="0" /></a>
</div>
<div class="box b14">
<a href="image.asp@p=img_2Fpic-people-14-hd.jpg"><img src="img/pic-people-14.jpg" width="160" height="240" border="0" /></a>
</div>
<div class="box b15">
<a href="image.asp@p=img_2Fpic-people-15-hd.jpg"><img src="img/pic-people-15.jpg" width="160" height="240" border="0" /></a>
</div>
<div class="box b16">
<a href="image.asp@p=img_2Fpic-people-16-hd.jpg"><img src="img/pic-people-16.jpg" width="160" height="120" border="0" /></a>
</div>
<div class="box b17">
<a href="image.asp@p=img_2Fpic-people-17-hd.jpg"><img src="img/pic-people-17.jpg" width="160" height="240" border="0" /></a>
</div>
<div class="box b18">
<a href="image.asp@p=img_2Fpic-people-18-hd.jpg"><img src="img/pic-people-18.jpg" width="160" height="120" border="0" /></a>
</div>
<div class="box b19">
<a href="image.asp@p=img_2Fpic-people-19-hd.jpg"><img src="img/pic-people-19.jpg" width="160" height="240" border="0" /></a>
</div>
<div class="box b20">
<a href="image.asp@p=img_2Fpic-people-20-hd.jpg"><img src="img/pic-people-20.jpg" width="160" height="240" border="0" /></a>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
// tap back
$('.box.menu').click(function(e){
e.preventDefault();
window.location="../iphone";
});
//FIX: zoom
if ((/android /gi).test(navigator.appVersion)) {
//alert('android');
scale=$(window).width()/320;
$('#viewport').attr('content','width=320, initial-scale='+ scale +', minimum-scale=1.0, maximum-scale=10.0, user-scalable=1')
}
});
$(window).load(function(){
$('.box').prepend('<div class="boxblenda"></div>');
$('.box').show();
//200ms
setTimeout(function(){
$('.box.menu .boxblenda').css("transform","translateX(320px)");
},200);
//300ms
setTimeout(function(){
$('.box.b1 .boxblenda').css("transform","translateX(-160px)");
},300);
//400ms
setTimeout(function(){
$('.box.b2 .boxblenda').css("transform","translateY(-120px)");
},400);
//500ms
setTimeout(function(){
$('.box.b3 .boxblenda').css("transform","translateX(-160px)");
},500);
//600ms
setTimeout(function(){
$('.box.b4 .boxblenda').css("transform","translateX(160px)");
},500);
//700ms
setTimeout(function(){
$('.box.b5 .boxblenda').css("transform","translateY(-120px)");
},700);
//800ms
setTimeout(function(){
$('.box.b6 .boxblenda').css("transform","translateX(-160px)");
},800);
//900ms
setTimeout(function(){
$('.box.b7 .boxblenda').css("transform","translateY(120px)");
},900);
//1000ms
setTimeout(function(){
$('.box.b8 .boxblenda').css("transform","translateY(-240px)");
},1000);
//1100ms
setTimeout(function(){
$('.box.b9 .boxblenda').css("transform","translateX(160px)");
},1100);
//1200ms
setTimeout(function(){
$('.box.b10 .boxblenda').css("transform","translateY(240px)");
},1200);
//1300ms
setTimeout(function(){
$('.box.b11 .boxblenda').css("transform","translateX(-160px)");
},1300);
//1400ms
setTimeout(function(){
$('.box.b12 .boxblenda').css("transform","translateY(120px)");
},1400);
//1500ms
setTimeout(function(){
$('.box.b13 .boxblenda').css("transform","translateX(-160px)");
},1500);
//1600ms
setTimeout(function(){
$('.box.b14 .boxblenda').css("transform","translateX(160px)");
},1600);
//1700ms
setTimeout(function(){
$('.box.b15 .boxblenda').css("transform","translateX(-160px)");
},1700);
//1800ms
setTimeout(function(){
$('.box.b16 .boxblenda').css("transform","translateY(120px)");
},1800);
//1900ms
setTimeout(function(){
$('.box.b17 .boxblenda').css("transform","translateY(-240px)");
},1900);
//2000ms
setTimeout(function(){
$('.box.b18 .boxblenda').css("transform","translateX(160px)");
},2000);
//2100ms
setTimeout(function(){
$('.box.b19 .boxblenda').css("transform","translateY(240px)");
},2100);
//2200ms
setTimeout(function(){
$('.box.b20 .boxblenda').css("transform","translateX(-160px)");
},2200);
});
</script>
</body>
</html>
手机摄影js动态_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
需积分: 0 105 浏览量
2023-08-02
17:02:56
上传
评论
收藏 4.15MB ZIP 举报
手机摄影js动态_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （114个子文件） 
iphone.css 11KB
people.html 7KB events.html 7KB winter.html 6KB other.html 6KB summer.html 6KB index.html 6KB
pic-summer-01-hd.jpg 878KB pic-summer-15.jpg 98KB pic-people-20.jpg 93KB pic-people-15.jpg 66KB pic-people-06.jpg 65KB pic-events-05.jpg 62KB pic-summer-10.jpg 61KB pic-summer-01.jpg 60KB pic-summer-06.jpg 57KB pic-other-01.jpg 55KB pic-people-19.jpg 55KB pic-summer-05.jpg 54KB pic-events-11.jpg 53KB pic-events-15.jpg 53KB thmb-events.jpg 52KB thmb-summer.jpg 52KB pic-people-01.jpg 51KB pic-winter-05.jpg 51KB pic-events-12.jpg 49KB pic-summer-14.jpg 49KB pic-summer-09.jpg 46KB pic-events-07.jpg 45KB pic-summer-03.jpg 45KB pic-winter-16.jpg 45KB pic-winter-01.jpg 43KB pic-events-08.jpg 42KB pic-summer-08.jpg 41KB pic-events-03.jpg 40KB pic-summer-04.jpg 39KB pic-other-10.jpg 39KB pic-people-08.jpg 39KB pic-people-14.jpg 39KB pic-events-06.jpg 38KB pic-winter-11.jpg 38KB pic-other-04.jpg 37KB pic-events-09.jpg 36KB pic-winter-07.jpg 36KB pic-winter-15.jpg 36KB pic-summer-11.jpg 36KB pic-people-03.jpg 35KB pic-people-10.jpg 35KB pic-events-17.jpg 35KB pic-events-16.jpg 34KB pic-other-05.jpg 34KB pic-events-04.jpg 33KB pic-other-14.jpg 33KB pic-other-06.jpg 33KB pic-other-16.jpg 33KB logo.jpg 32KB thmb-people.jpg 31KB pic-winter-08.jpg 30KB pic-winter-06.jpg 29KB thmb-winter.jpg 29KB pic-people-11.jpg 28KB pic-people-02.jpg 28KB pic-people-05.jpg 28KB pic-summer-13.jpg 28KB pic-winter-09.jpg 27KB pic-other-15.jpg 26KB pic-other-08.jpg 26KB pic-other-07.jpg 26KB pic-summer-02.jpg 26KB pic-other-11.jpg 26KB pic-people-12.jpg 25KB pic-summer-07.jpg 25KB pic-winter-04.jpg 25KB pic-people-04.jpg 25KB pic-other-03.jpg 25KB pic-people-17.jpg 25KB pic-events-02.jpg 24KB thmb-other.jpg 24KB pic-other-09.jpg 24KB pic-other-02.jpg 24KB pic-events-14.jpg 24KB pic-people-18.jpg 24KB pic-people-16.jpg 23KB pic-other-13.jpg 22KB pic-events-10.jpg 22KB pic-winter-03.jpg 21KB pic-winter-12.jpg 21KB pic-winter-13.jpg 21KB pic-people-09.jpg 21KB pic-events-13.jpg 21KB pic-winter-10.jpg 21KB pic-other-12.jpg 18KB pic-people-07.jpg 18KB pic-events-01.jpg 18KB pic-people-13.jpg 17KB pic-winter-14.jpg 17KB pic-summer-12.jpg 15KB pic-winter-02.jpg 11KB jquery-1.9.1.min.js 90KB jquery.easing.1.3.js 8KB共 114 条
- 1
- 2
资源评论
qw_6918966011
- 粉丝: 22
- 资源: 6161
