-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbuju.html
169 lines (166 loc) · 8.22 KB
/
buju.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./mycss/buju.css">
</head>
<body>
<div class="view">
<header> </header>
<div class="contain">
<div class="left_box">
<ul class="left_menu">
<li><a href="javascript:;">菜单1</a></li>
<li><a href="javascript:;">菜单2</a></li>
<li><a href="javascript:;">菜单3</a></li>
<li><a href="javascript:;">菜单4</a></li>
<li><a href="javascript:;">菜单5</a></li>
<li><a href="javascript:;">菜单6</a></li>
<li><a href="javascript:;">菜单7</a></li>
<li><a href="javascript:;">菜单8</a></li>
<li><a href="javascript:;">菜单9</a></li>
<li><a href="javascript:;">菜单10</a></li>
<li><a href="javascript:;">菜单11</a></li>
<li><a href="javascript:;">菜单12</a></li>
<li><a href="javascript:;">菜单13</a></li>
<li><a href="javascript:;">菜单14</a></li>
<li><a href="javascript:;">菜单15</a></li>
<li><a href="javascript:;">菜单16</a></li>
<li><a href="javascript:;">菜单17</a></li>
<li><a href="javascript:;">菜单18</a></li>
<li><a href="javascript:;">菜单19</a></li>
<li><a href="javascript:;">菜单20</a></li>
<li><a href="javascript:;">菜单21</a></li>
<li><a href="javascript:;">菜单22</a></li>
<li><a href="javascript:;">菜单23</a></li>
<li><a href="javascript:;">菜单24</a></li>
<li><a href="javascript:;">菜单25</a></li>
<li><a href="javascript:;">菜单26</a></li>
<li><a href="javascript:;">菜单27</a></li>
<li><a href="javascript:;">菜单28</a></li>
<li><a href="javascript:;">菜单29</a></li>
<li><a href="javascript:;">菜单30</a></li>
<li><a href="javascript:;">菜单31</a></li>
<li><a href="javascript:;">菜单32</a></li>
<li><a href="javascript:;">菜单33</a></li>
<li><a href="javascript:;">菜单34</a></li>
<li><a href="javascript:;">菜单35</a></li>
<li><a href="javascript:;">菜单36</a></li>
<li><a href="javascript:;">菜单37</a></li>
<li><a href="javascript:;">菜单38</a></li>
<li><a href="javascript:;">菜单39</a></li>
<li><a href="javascript:;">菜单40</a></li>
</ul>
</div>
<div class="right_box">
<div class="right_contain">
<img src="./uploads/sort_banner.jpg" alt="">
<h1>推荐购买</h1>
<ul class="clearfix scrllo_ul">
<li>
<a href="javascript:;"><img src="./uploads/sort_1.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_2.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_3.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_4.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_5.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_6.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_7.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_8.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_9.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_10.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_11.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_12.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_13.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_14.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_15.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_1.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_2.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_3.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_4.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_5.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_6.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_7.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_8.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_9.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_10.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_11.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_12.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_13.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_14.jpg" alt=""></a>
</li>
<li>
<a href="javascript:;"><img src="./uploads/sort_15.jpg" alt=""></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
<script src="./js/itcastEvent.js"></script>
<script src="./js/buju.js"></script>
<script src="./js/iscroll.js"></script>
<script type="text/javascript">
// 在上面的例子中，UL元素能进行滚动。只有容器元素的第一个子元素能进行滚动，其他子元素完全被忽略。
var myScroll = new IScroll('.right_box');
</script>
</html>