index.html
12.5 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
<!DOCTYPE html>
<html>
<head>
<title>Adidas</title>
<!-- <link rel="stylesheet" type="text/css" href="http://cmsres.test.yoho.cn/res/new/lookbook/css/style.css"> -->
<script type="text/javascript">
(function(doc, win){
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function()
{
var clientWidth = docEl.clientWidth;
if (!clientWidth)
{
return;
}
docEl.style.fontSize = 20 * (clientWidth / 990) + 'px';
};
if (!doc.addEventListener)
{
return;
}
recalc();
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
<style type="text/css">
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hide{display:none}html{font-family:Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,sans-serif}body{background:#f0f0f0}.icon-adidas-black{background-position:-205px 0}.icon-adidas-black,.icon-adidas-blue{background-image:url(http://feature.yoho.cn/adidas-cdn/images/icon.png);width:188px;height:158px}.icon-adidas-blue{background-position:0 -201px}.icon-best-black{background-position:0 -364px}.icon-best-black,.icon-best-blue{background-image:url(http://feature.yoho.cn/adidas-cdn/images/icon.png);width:158px;height:4pc}.icon-best-blue{background-position:-163px -364px}.icon-close{background-position:-398px -139px;width:75pt;height:90px}.icon-close,.icon-play{background-image:url(http://feature.yoho.cn/adidas-cdn/images/icon.png)}.icon-play{background-position:0 0;width:200px;height:196px}.icon-switch-off{background-position:-193px -201px}.icon-switch-off,.icon-switch-on{background-image:url(http://feature.yoho.cn/adidas-cdn/images/icon.png);width:154px;height:134px}.icon-switch-on{background-position:-398px 0}.main{position:relative;width:49.5rem;height:38.45rem;background:url(http://feature.yoho.cn/adidas-cdn/images/index-bg-black.jpg) no-repeat;background-size:100%}.button-location{position:absolute;left:0;top:3.3rem;width:4.45rem;height:2rem;background:url(http://feature.yoho.cn/adidas-cdn/images/location-black.png) no-repeat center right;background-color:#000;background-size:auto 100%;cursor:pointer;-webkit-transition:width .4s;transition:width .4s}.button-location:hover{width:4.7rem}.button-video{position:absolute;left:0;top:5.5rem;width:4.45rem;height:2rem;background:url(http://feature.yoho.cn/adidas-cdn/images/video-black.png) no-repeat center right;background-color:#000;background-size:auto 100%;cursor:pointer;-webkit-transition:width .4s;transition:width .4s}.button-video:hover{width:4.7rem}.adidas{top:16.25rem;width:4.7rem;height:3.95rem;background:url(http://feature.yoho.cn/adidas-cdn/images/adidas-black.png) no-repeat;background-size:100%;z-index:999}.adidas,.switch{position:absolute;left:0}.switch{top:20.25rem;width:3.85rem;height:3.35rem;background:url(http://feature.yoho.cn/adidas-cdn/images/switch-on.png) no-repeat;background-size:100%;cursor:pointer}.line{bottom:0;height:3.45rem;background:url(http://feature.yoho.cn/adidas-cdn/images/line-black.png) no-repeat;background-size:100%}.fashion-citys,.line{position:absolute;left:0;width:49.5rem}.fashion-citys{top:0;height:38.45rem;background:url(http://feature.yoho.cn/adidas-cdn/images/fashion-citys.jpg) no-repeat center center;background-size:100%}.fashion-citys .best{position:absolute;left:12rem;bottom:1.75rem;width:3.95rem;height:1.6rem;background:url(http://feature.yoho.cn/adidas-cdn/images/best-black.png) no-repeat;background-size:auto 100%;cursor:pointer}.fashion-citys .best.best-b{left:24.75rem}.fashion-citys .best.best-c{left:40.5rem}.button-close{position:absolute;right:3.75rem;top:1.9rem;width:2.5rem;height:2.25rem;background:url(http://feature.yoho.cn/adidas-cdn/images/close.png) no-repeat;background-size:auto 100%;cursor:pointer}.fashion-video{position:absolute;left:0;top:0;width:49.5rem;height:38.45rem;background:url(http://feature.yoho.cn/adidas-cdn/images/fashion-video.jpg) no-repeat center center;background-size:100%}.fashion-video .button-close{right:2.75rem;top:1.25rem}.fashion-video .videos{position:absolute;right:5.8rem;top:4.85rem;width:17.9rem}.fashion-video .video{margin-bottom:1.25rem;width:100%;height:9.85rem}
</style>
<!--[if lte IE 8]>
<style type="text/css">
.main{background:url(http://feature.yoho.cn/adidas-cdn/images/1x/index-bg-black.jpg) no-repeat}.button-location{background:url(http://feature.yoho.cn/adidas-cdn/images/1x/location-black.png) no-repeat center right}.button-video{background:url(http://feature.yoho.cn/adidas-cdn/images/1x/video-black.png) no-repeat center right}.adidas{background:url(http://feature.yoho.cn/adidas-cdn/images/1x/adidas-black.png) no-repeat}.switch{background:url(http://feature.yoho.cn/adidas-cdn/images/1x/switch-on.png) no-repeat}.line{background:url(http://feature.yoho.cn/adidas-cdn/images/1x/line-black.png) no-repeat}.fashion-citys{background:url(http://feature.yoho.cn/adidas-cdn/images/1x/fashion-citys.jpg) no-repeat center center}.fashion-citys .best{background:url(http://feature.yoho.cn/adidas-cdn/images/1x/best-black.png) no-repeat}.button-close{background:url(http://feature.yoho.cn/adidas-cdn/images/1x/close.png) no-repeat}.fashion-video{background:url(http://feature.yoho.cn/adidas-cdn/images/1x/fashion-video.jpg) no-repeat center center}
</style>
<![endif]-->
</head>
<body>
<div class="main">
<div class="line">
</div>
</div>
<div class="button-location">
</div>
<div class="button-video">
</div>
<div class="adidas">
</div>
<div class="switch">
</div>
<div class="fashion-citys hide layer">
<div class="button-close"></div>
<div class="best best-a" data-best="a"></div>
<div class="best best-b" data-best="b"></div>
<div class="best best-c" data-best="c"></div>
</div>
<div class="fashion-video hide layer">
<div class="button-close"></div>
<div class="videos">
<div class="video">
<object width="100%" height="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
<param name="movie" value="http://res.yohoboys.com/res/new/boys/swf/util/VideoPlayerNew.swf?url=http://feature.yoho.cn/adidas/video/adidas_Orignals_BTS_FBB_hi.mp4&language=1&coverpic=http://img02.yohoboys.com/staticimg/2015/10/20/15/027345830fb7358f0e346e8c430439df1a.jpg">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param value="true" name="allowFullScreen">
<param name="allowScriptAccess" value="always">
<param name="wmode" value="transparent">
<embed align="middle" width="100%" height="100%" src="http://res.yohoboys.com/res/new/boys/swf/util/VideoPlayerNew.swf?url=http://feature.yoho.cn/adidas/video/adidas_Orignals_BTS_FBB_hi.mp4&language=1&coverpic=http://img02.yohoboys.com/staticimg/2015/10/20/15/027345830fb7358f0e346e8c430439df1a.jpg" name="vMessage" wmode="transparent" quality="high" bgcolor="#ffffff" play="true" loop="false" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" id="flash-a">
</object>
</div>
<div class="video">
<object width="100%" height="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
<param name="movie" value="http://res.yohoboys.com/res/new/boys/swf/util/VideoPlayerNew.swf?url=http://feature.yoho.cn/adidas/video/adidas_Orignals_BTS_Gianna_hi.mp4&language=1&coverpic=http://img02.yohoboys.com/staticimg/2015/10/20/15/02b15d7ab2f2ac1146a69747651b724828.jpg">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param value="true" name="allowFullScreen">
<param name="allowScriptAccess" value="always">
<param name="wmode" value="transparent">
<embed align="middle" width="100%" height="100%" src="http://res.yohoboys.com/res/new/boys/swf/util/VideoPlayerNew.swf?url=http://feature.yoho.cn/adidas/video/adidas_Orignals_BTS_Gianna_hi.mp4&language=1&coverpic=http://img02.yohoboys.com/staticimg/2015/10/20/15/02b15d7ab2f2ac1146a69747651b724828.jpg" name="vMessage" wmode="transparent" quality="high" bgcolor="#ffffff" play="true" loop="false" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" id="flash-b">
</object>
</div>
<div class="video">
<object width="100%" height="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
<param name="movie" value="http://res.yohoboys.com/res/new/boys/swf/util/VideoPlayerNew.swf?url=http://feature.yoho.cn/adidas/video/adidas_Orignals_BTS_Jolin_hi.mp4&language=1&coverpic=http://img02.yohoboys.com/staticimg/2015/10/20/15/0251c35006913bad707c7e5704109ef975.jpg">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param value="true" name="allowFullScreen">
<param name="allowScriptAccess" value="always">
<param name="wmode" value="transparent">
<embed align="middle" width="100%" height="100%" src="http://res.yohoboys.com/res/new/boys/swf/util/VideoPlayerNew.swf?url=http://feature.yoho.cn/adidas/video/adidas_Orignals_BTS_Jolin_hi.mp4&language=1&coverpic=http://img02.yohoboys.com/staticimg/2015/10/20/15/0251c35006913bad707c7e5704109ef975.jpg" name="vMessage" wmode="transparent" quality="high" bgcolor="#ffffff" play="true" loop="false" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" id="flash-c">
</object>
</div>
</div>
</div>
<script type="text/javascript" src="http://feature.yoho.cn/adidas-cdn/js/rem.js"></script>
<script type="text/javascript" src="http://feature.yoho.cn/adidas-cdn/js/sea.js"></script>
<script type="text/javascript" src="http://feature.yoho.cn/adidas-cdn/js/libs.js"></script>
<script type="text/javascript">
seajs.use('src/js/index');
</script>
</body>
</html>