wallpapermobile.php
4.13 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<?php $this->_extends('layout/default_layout_mobile');?>
<?php $this->_block('main');?>
<div class="mobile-container">
<div class="share-hd">
<h1>YO'HOOD 2014</h1>
<div class="style-you-up">
<img src="<?php echo SITE_IMG;?>/yohood/styleyouup.png" alt=""/>
</div>
<p>YOHOOD是由中国内地最具潮流影响力的传媒集团 YOHO!倾力打造的一年一度潮流盛事 。YOHOOD 2014 以“潮狂欢一起来”为概念， 集结了超过100个国内外顶尖时尚潮流品牌，包括CLOT、Stussy、Undefeated、Head Porter、Medicom Toy、KTZ等等，只为给你带来一场最顶尖的潮流享受。
欲知更多详情，请登录YOHOOD（<a href="http://www.yohood.cn/">http://www.yohood.cn/</a>）官方网站查询。</p>
</div>
<div class="wallpaper-download">
<div class="wallpaper-hd clearfix">
<div class="download-icon">壁纸下载</div>
<div class="download-title">YO’HOOD免费壁纸下载</div>
</div>
<div id="wallpaper-box" class="wallpaper-box">
<div style="width: 320px;">
<?php $len = 10; for($i = 0; $i <= $len; $i++):?>
<?php if( $i %6 == 0) :?>
<ul class="wallpaper-list clearfix current">
<?php endif;?>
<li>
<img src="<?php echo SITE_IMG;?>/yohood/wallpaper/h5/<?php echo $i+1?>.png" width="100" height="150" alt="" class="big_image" value="<?php echo $i+1;?>"/></li>
<?php if(($i +1 ) % 6 == 0 || $i == $len) :?>
</ul>
<?php endif;?>
<?php endfor;?>
</div>
</div>
<div class="wallpaper-nav">
<ul class="wallpaper-nav-list clearfix">
<?php for($i = 0; $i <= $len / 6; $i++):?>
<li class="<?php echo $i == 0 ?'current':''; ?>"></li>
<?php endfor;?>
</ul>
</div>
</div>
<div class="more-app">
<h3>更多应用：</h3>
<ul class="app-list">
<li class="yoho clearfix">
<div class="app-info">
<h6>YOHO!有货</h6>
<p>NewPower co.</p>
</div>
<div class="app-btn">
<a href="http://www.yohoshow.com/about/index/showqr">立即体验</a>
</div>
</li>
<li class="fashion dark-border clearfix">
<div class="app-info">
<h6>YOHO!潮流志</h6>
<p>NewPower co.</p>
</div>
<div class="app-btn">
<a href="http://www.yohoshow.com/about/index/yohoboyqr">立即体验</a>
</div>
</li>
<li class="girl clearfix">
<div class="app-info">
<h6>YOHO!女生志</h6>
<p>NewPower co.</p>
</div>
<div class="app-btn">
<a href="http://www.yohoshow.com/about/index/yohogirlqr">立即体验</a>
</div>
</li>
<li class="show dark-border clearfix">
<div class="app-info">
<h6>SHOW</h6>
<p>NewPower co.</p>
</div>
<div class="app-btn">
<a href="http://www.yohoshow.com/about/index/showqr">立即体验</a>
</div>
</li>
<li class="yhsj clearfix">
<div class="app-info">
<h6>友和市集</h6>
<p>NewPower co.</p>
</div>
<div class="app-btn">
<a href="/">立即体验</a>
</div>
</li>
</ul>
</div>
</div>
<?php $this->_endblock();?>
<?php $this->_block('js');?>
<?php $this->_js('index.js', array(
SITE_JS . '/lib/seajs.js',
));?>
<script type="text/javascript">
seajs.use(["jquery", "plugins/swipe"],function($, swipe)
{
swipe.init
({
slideBox: '.wallpaper-box',
prev: '',
next: '',
pagination: '.wallpaper-nav-list li',
activeClass: 'current',
auto:3000,
continuous:true
});
window.setInterval(function(){$(".wallpaper-list").css("left","0px");},1);
//点击图片
$(".big_image").bind("click",function()
{
var val = $(this).attr("value");
var width = $(window).width() * 2;
var height = $(window).height() * 2;
window.location.href="/default/wallpaperimage?val="+val+"&width="+width+"&height="+height;
});
});
</script>
<?php $this->_endblock();?>