-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathdemo.html
95 lines (89 loc) · 2.09 KB
/
demo.html
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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<meta name="viewport" content="width=device-width">
<style>
textarea{visibility:hidden;}
.nvw780 .tab{width:100%;background:blue;}
@media all and (max-width: 999px) and (min-width:780px){
.tab{width:100%;background:blue;}
}
.nvw1000 .tab{width:50%;background:green;}
@media all and (max-width:1680px) and (min-width:1000px){
.tab{width:50%;background:green;}
}
</style>
<script>
var dt=new Date().getTime(),gt=function(){return new Date().getTime()-dt};
</script>
<script charset="gb2312" src="http://res.nie.netease.com/comm/js/jquery(mixNIE).last.js"></script>
<script src="js/responsive.js"></script>
<script>
(function(){
var tab1=new templateData("tab-template1");
tab1.data={a:1,tab:{
"标签1":[{txt:"新闻1",link:"#1"},{txt:"新闻2",link:"#2"}],
"标签2":[{txt:"新闻3",link:"#3"},{txt:"新闻4",link:"#4"}]
}};
var tab2=new templateData("tab-template2");
tab2.data={a:2,tab:{
"标签2-1":[{txt:"新闻1",link:"#1"},{txt:"新闻2",link:"#2"}],
"标签2-2":[{txt:"新闻3",link:"#3"},{txt:"新闻4",link:"#4"}]
}};
tab2.callBack=function(){
console.log("tab2 callback.");
};
responsiveEngine.set(
{maxWidth:1680,minWidth:1000,templates:[tab1,tab2]},
{maxWidth:999,minWidth:780,templates:[tab1]}
);
responsiveEngine.init();
})();
</script>
</head>
<body>
<h2>模板：tab-template1</h2>
<textarea id="tab-template1">
<ul class="tab">
<% for (var i in tab){ %>
<li><%=i%></li>
<%}%>
</ul>
<% for (var i in tab){ %>
<ul class="tabContent">
</ul>
<%}%>
<p><%=a%></p>
</textarea>
<div style="height:1000px;"></div>
<h2>模板：tab-template2</h2>
<textarea id="tab-template2">
<ul class="tab">
<% for (var i in tab){ %>
<li><%=i%></li>
<%}%>
</ul>
<% for (var i in tab){ %>
<ul class="tabContent">
</ul>
<%}%>
<p><%=a%></p>
</textarea>
<div style="height:1000px;"></div>
<h2>模板：tab-template3</h2>
<textarea id="tab-template3">
<ul class="tab">
<% for (var i in tab){ %>
<li><%=i%></li>
<%}%>
</ul>
<% for (var i in tab){ %>
<ul class="tabContent">
</ul>
<%}%>
<p><%=a%></p>
</textarea>
</body>
</html>