-
Notifications
You must be signed in to change notification settings - Fork 0
/
tuanneidangan.html
352 lines (340 loc) · 15.3 KB
/
tuanneidangan.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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
<!DOCTYPE html>
<html lang="zh">
<head>
<link rel="icon" type="image/x-icon" href="images/favicon.ico" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>团内档案</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="js/bootsnav.js"></script>
<link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css" />
<link rel="stylesheet" type="text/css" href="css/home.css">
<link rel="stylesheet" type="text/css" href="css/bootsnav.css">
<script src='js/jquery.velocity.min.js'></script>
<script src='js/getParameter.js'></script>
<link rel="stylesheet" type="text/css" href="css/mtree.css">
<link rel="stylesheet" href="css/search.css">
<link rel="stylesheet" href="css/nav.css">
<style>
.listbar span{
color:#ababab;
font-size:12px;
float:right;
}
.listbar li{}
.listbar label{
cursor:pointer;
}
.listbar label:hover{
color:red;
}
</style>
</head>
<body>
<div id="dowebok">
<nav class="navbar navbar-default navbar-mobile bootsnav" style="background: linear-gradient( #fbc215,#ffc000, #fbc215);min-height:2em;position:fixed;">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-bars"></i>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-menu">
<ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp">
<li><a href="index.html" id="shouye">首页</a></li>
<li><a href="xuedaihui.html">第十三次学代会专栏</a></li>
<li class="dropdown">
<a href="tuanweijieshao.html" class="dropdown-toggle" data-toggle="dropdown">团委介绍</a>
<ul class="dropdown-menu">
<li><a href="tuanweijieshao.html?ini=1">川大团委</a></li>
<li><a href="tuanweijieshao.html?ini=2">团委成员</a></li>
<li><a href="tuanweijieshao.html?ini=4">组织机构</a></li>
<li><a href="tuanweijieshao.html?ini=5">分团委介绍</a></li>
</ul>
</li>
<li>
<a href="tuanqingkuaixun.html">团情快讯</a>
</li>
<li class="dropdown">
<a href="tuanneidangan.html" class="dropdown-toggle" data-toggle="dropdown">团内档案</a>
<ul class="dropdown-menu">
<li><a href="tuanneidangan.html?ini=lilunxuexi">理论学习</a></li>
<li><a href="tuanneidangan.html?ini=qingnianyanjiu">青年研究</a></li>
<li><a href="tuanneidangan.html?ini=tuanweiwenjian">团委文件</a></li>
<li><a href="tuanneidangan.html?ini=tuanwuzhishi">团务知识</a></li>
</ul>
</li>
<li class="dropdown">
<a href="zhuanti_1.html" class="dropdown-toggle" data-toggle="dropdown">活动专题</a>
<ul class="dropdown-menu">
<li><a href="zhuanti_1.html">青年课题研究立项</a></li>
<li><a href="zhuanti_2.html">迎新季</a></li>
<li><a href="zhuanti_3.html">“I创意We实现”学生活动基金</a></li>
</ul>
</li>
<li>
<a href="huodongyugao.html">活动预告</a>
</li>
<li class="dropdown">
<a href="xueshenghui.html" class="dropdown-toggle" data-toggle="dropdown">学生组织</a>
<ul class="dropdown-menu">
<li><a href="xueshenghui.html?ini=1">四川大学学生会</a></li>
<li><a href="xueshenghui.html?ini=2">四川大学学生社团联合会</a></li>
<li><a href="xueshenghui.html?ini=3">团委文化艺术部</a></li>
<li><a href="xueshenghui.html?ini=4">四川大学学生学术科技协会</a></li>
<li><a href="xueshenghui.html?ini=5">四川大学青年志愿者协会</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
<div class="titlebar" >
<div class="zhuanti-title">团内档案</div>
<div id="title-content" class="title-content" style="overflow:auto;"><br><span>时间：2017-10-25</span></div>
</div>
<img src="images/zhuanti-banner3.jpg" style="height:25em;width:100%;">
<div style="background-color: #f6ffe8;padding-top:1.5em;" id="#alter">
<div class="container" style="margin:0 auto;">
<div class="listbar">
<ul id="list_ul" class="mtree bubba">
<li id="li_1"><a href="#">理论学习</a>
<ul>
<li><a href="#" onclick="getContent(1,'lilunxuexi')">关于在青少年中大力开展社会主义荣辱观教育的通知</a></li>
<li><a href="#" onclick="getContent(2,'lilunxuexi')">关于认真学习贯彻党的十六届五中全会精神</a></li>
</ul>
</li>
<li id="li_2"><a href="#">青年研究</a>
<ul>
<li><a href="#" onclick="getContent(1,'qingnianyanjiu')">四川大学关于大学生思想动态的调研结果</a></li>
<li><a href="#" onclick="getContent(2,'qingnianyanjiu')">四川大学大学生返校思想动态调研报告</a></li>
</ul>
</li>
<li id="li_3"><a href="#">团委文件</a>
<ul>
<li><a href="#alter" onclick="getContent(1,'tuanweiwenjian')">共青团成都市委关于在青少年中大力开展社会主义荣辱观学习实践活动的通知 成青发〔2006〕9号</a></li>
<li><a href="#alter" onclick="getContent(2,'tuanweiwenjian')">关于在青少年中大力开展社会主义荣辱观教育的通知</a></li>
<li><a href="#alter" onclick="getContent(3,'tuanweiwenjian')">关于贯彻党的十六届五中全会精神团结广大团员青年在实施“十一五”进程中充分发挥生力军作用的决定(二)</a></li>
<li><a href="#alter" onclick="getContent(4,'tuanweiwenjian')">关于贯彻党的十六届五中全会精神团结广大团员青年在实施“十一五”进程中充分发挥生力军作用的决定(一)</a></li>
<li><a href="#alter" onclick="getContent(5,'tuanweiwenjian')">关于团结带领广大团员青年为构建社会主义和谐社会作贡献的决定</a></li>
<li><a href="#alter" onclick="getContent(6,'tuanweiwenjian')">五四红旗团委评比细则（2011年12月28日）</a></li>
<li><a href="#alter" onclick="getContent(7,'tuanweiwenjian')">共青团四川大学委员会2013年工作总结</a></li>
<li><a href="#alter" onclick="getContent(8,'tuanweiwenjian')">关于团结带领广大团员青年为建设社会主义新农村作贡献的意见</a></li>
</ul>
</li>
<li id="li_4"><a href="#">团务知识</a>
<ul>
<li><a href="#alter" onclick="getContent(1,'tuanwuzhishi')">中国共产主义青年团团旗</a></li>
<li><a href="#alter" onclick="getContent(2,'tuanwuzhishi')">中国共产主义青年团团徽</a></li>
<li><a href="#alter" onclick="getContent(3,'tuanwuzhishi')">中国共产主义青年团团歌</a></li>
</ul>
</li>
</ul>
</div>
<div id="content_div" class="list-content">
</div>
</div>
<div style="height:2em;"></div>
</div>
</body>
</html>
<script>
$(document).ready(function(){
$(window).resize(function(){
var fsize=$(window).width()/108.5+"px";
$(".navbar-nav").css("font-size",fsize);
});
$(window).scroll(function () {
var wsize=$(window).width();
if(wsize>426){
var temp=$(window).scrollTop();
var offsetTop;
if(temp<350)
offsetTop =0+ "px";
else{
offsetTop=$(window).scrollTop()-300;
offsetTop += "px"; }
$(".listbar").animate({ marginTop: offsetTop }, 10);
}
});
});
</script>
<script>
if(getUrlParam("ini")!=null){
getContent(1,getUrlParam("ini"));
if(getUrlParam("ini")=="tuanwuzhishi"){
$(".zhuanti-title").html("团务知识");
$("#title-content").html("中国共产主义青年团团旗");
setTimeout(function(){
$("#li_4").removeClass("mtree-closed");
$("#li_4").addClass("mtree-open mtree-active");
$("#li_4 ul").attr("style","height: auto; display: block; overflow: hidden;");
},200);
}else if(getUrlParam("ini")=="lilunxuexi"){
$(".zhuanti-title").html("理论学习");
$("#title-content").html("关于在青少年中大力开展社会主义荣辱观教育的通知");
setTimeout(function(){
$("#li_1").removeClass("mtree-closed");
$("#li_1").addClass("mtree-open mtree-active");
$("#li_1 ul").attr("style","height: auto; display: block; overflow: hidden;");
},200);
}else if(getUrlParam("ini")=="tuanweiwenjian"){
$(".zhuanti-title").html("团委文件");
$("#title-content").html("共青团成都市委关于在青少年中大力开展社会主义荣辱观学习实践活动的通知 成青发〔2006〕9号");
setTimeout(function(){
$("#li_3").removeClass("mtree-closed");
$("#li_3").addClass("mtree-open mtree-active");
$("#li_3 ul").attr("style","height: auto; display: block; overflow: hidden;");
},200);
}else if(getUrlParam("ini")=="qingnianyanjiu"){
$(".zhuanti-title").html("青年研究");
$("#title-content").html("四川大学关于大学生思想动态的调研结果");
setTimeout(function(){
$("#li_2").removeClass("mtree-closed");
$("#li_2").addClass("mtree-open mtree-active");
$("#li_2 ul").attr("style","height: auto; display: block; overflow: hidden;");
},200);
}
}else{
getContent(1,"lilunxuexi");
}
function getContent(id,type){
$.get("jsp/tnGetContent.jsp?type="+type+"&choosen=tuanneidangan&id="+id+"",function(result){
$('#content_div').html($.trim(result));
$('.title-content').html($('.content-art h1').html());
$('.content-art h1').remove();
$('.content-art .attr').remove();
});
}
$(function(){
if ($('ul.mtree').length) {
var collapsed = true;
var close_same_level = true;
var duration = 400;
var listAnim = true;
var easing = 'easeOutQuart';
$('.mtree ul').css({
'overflow': 'hidden',
'height': collapsed ? 0 : 'auto',
'display': collapsed ? 'none' : 'block'
});
var node = $('.mtree li:has(ul)');
node.each(function (index, val) {
$(this).children(':first-child').css('cursor', 'pointer');
$(this).addClass('mtree-node mtree-' + (collapsed ? 'closed' : 'open'));
$(this).children('ul').addClass('mtree-level-' + ($(this).parentsUntil($('ul.mtree'), 'ul').length + 1));
});
$('.mtree li > *:first-child').on('click.mtree-active', function (e) {
if ($(this).parent().hasClass('mtree-closed')) {
$('.mtree-active').not($(this).parent()).removeClass('mtree-active');
$(this).parent().addClass('mtree-active');
} else if ($(this).parent().hasClass('mtree-open')) {
$(this).parent().removeClass('mtree-active');
} else {
$('.mtree-active').not($(this).parent()).removeClass('mtree-active');
$(this).parent().toggleClass('mtree-active');
}
});
node.children(':first-child').on('click.mtree', function (e) {
var el = $(this).parent().children('ul').first();
var isOpen = $(this).parent().hasClass('mtree-open');
if ((close_same_level || $('.csl').hasClass('active')) && !isOpen) {
var close_items = $(this).closest('ul').children('.mtree-open').not($(this).parent()).children('ul');
if ($.Velocity) {
close_items.velocity({ height: 0 }, {
duration: duration,
easing: easing,
display: 'none',
delay: 100,
complete: function () {
setNodeClass($(this).parent(), true);
}
});
} else {
close_items.delay(100).slideToggle(duration, function () {
setNodeClass($(this).parent(), true);
});
}
}
el.css({ 'height': 'auto' });
if (!isOpen && $.Velocity && listAnim)
el.find(' > li, li.mtree-open > ul > li').css({ 'opacity': 0 }).velocity('stop').velocity('list');
if ($.Velocity) {
el.velocity('stop').velocity({
height: isOpen ? [
0,
el.outerHeight()
] : [
el.outerHeight(),
0
]
}, {
queue: false,
duration: duration,
easing: easing,
display: isOpen ? 'none' : 'block',
begin: setNodeClass($(this).parent(), isOpen),
complete: function () {
if (!isOpen)
$(this).css('height', 'auto');
}
});
} else {
setNodeClass($(this).parent(), isOpen);
el.slideToggle(duration);
}
e.preventDefault();
});
function setNodeClass(el, isOpen) {
if (isOpen) {
el.removeClass('mtree-open').addClass('mtree-closed');
} else {
el.removeClass('mtree-closed').addClass('mtree-open');
}
}
if ($.Velocity && listAnim) {
$.Velocity.Sequences.list = function (element, options, index, size) {
$.Velocity.animate(element, {
opacity: [
1,
0
],
translateY: [
0,
-(index + 1)
]
}, {
delay: index * (duration / size / 2),
duration: duration,
easing: easing
});
};
}
if ($('.mtree').css('opacity') == 0) {
if ($.Velocity) {
$('.mtree').css('opacity', 1).children().css('opacity', 0).velocity('list');
} else {
$('.mtree').show(200);
}
}
}
});
function play(){
var audio = document.getElementById('player');
if(audio!==null){
if(audio.paused){
$("#stop").children().eq(0).removeClass();
$("#stop").children().eq(0).addClass("fa fa-pause-circle-o");
audio.play();//audio.play();// 这个就是播放
}else{
$("#stop").children().eq(0).removeClass();
$("#stop").children().eq(0).addClass("fa fa-play-circle-o");
audio.pause();// 这个就是暂停
}
}
}
</script>