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
|
<!DOCTYPE html>
<html dir="ltr" lang="zh-HK">
<head>
<?php include 'inc/metahead.php'; ?>
<title>2021年度得獎結果 | 香港股票分析師協會上市公司年度大獎</title>
<style type="text/css">
.audio-button {
width: 45px;
margin-right: -55px;
}
.fa.audio-button:after {
content: "\f04b";
}
.fa.audio-button.playing:after {
content: "\f04c";
}
</style>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Header
============================================= -->
<?php include 'inc/header.php'; ?>
<section id="page-title" style="background-image: url('../images/banner_sub.jpg');" class="background-title">
<div class="container clearfix">
<h1>2021年度得獎結果</h1>
<ol class="breadcrumb">
<li><a href="#">主頁</a></li>
<li class="active">2021年度得獎結果</li>
</ol>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content">
<div class="container clearfix">
<div class="row mt-40">
<div class="col-lg-12">
<div class="result_title">
<h3 style="border-bottom:2px solid #4c4c4c">2021香港股票分析師協會上市公司年度大獎</h3>
</div>
<p>等待結果公佈</p>
</div>
</div> <!-- end row -->
</div>
</div>
</section><!-- #content end -->
<?php include 'inc/footer.php'; ?>
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>
<!-- External JavaScripts
============================================= -->
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/plugins.js?v=1.3"></script>
<!-- Footer Scripts
============================================= -->
<script type="text/javascript" src="../js/functions.js?v=1.3"></script>
<script type="text/javascript">
$(document).ready(function() {
// var playing = false;
// Add file names.
$('.audio-button').each(function() {
var $button = $(this);
var $audio = $button.find('audio');
});
// Add click listener.
$('.audio-button').click(function() {
var $button = $(this);
var audio = $button.find('audio')[0]; // <-- Interact with this!
// Toggle play/pause
if (audio.paused) {
$button.toggleClass('playing');
//stop other audio
$('audio').each(function() {
if (!this.paused) {
this.pause();
$(this).parents('.audio-button').removeClass('playing');
}
});
audio.play();
} else {
audio.pause();
$button.removeClass('playing');
}
// Flip state
// $button.toggleClass('playing');
// playing = !playing
});
});
</script>
<script type="text/javascript">
$('nav ul > li.lv01:nth-child(5)').addClass('current');
</script>
</body>
</html>
|