<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>热门视频</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='anim/css/style.css') }}">
</head>
<body>
<!--轮播图 开始 -->
<div class="main_banner">
	<div class="main_banner_wrap">
{#		<canvas id="myCanvas" width="150" height="150"></canvas>#}  {# 有闹钟特效 #}
		<canvas id="myCanvas" width="0" height="0"></canvas>
		<div class="main_banner_box" id="m_box">
			<a href="javascript:void(0)" class="banner_btn js_pre">
				<span class="banner_btn_arrow"><i></i></span>
			</a>
			<a href="javascript:void(0)" class="banner_btn btn_next js_next">
				<span class="banner_btn_arrow"><i></i></span>
			</a>
			<ul>
                {% for v in data %}
				<li id="imgCard{{ v.id-1 }}">  {# 因为是从imgCard0到imgCard5,一共6张图#}
{#					<a href="{{ url_for('home.play',id=v.id,page=1) }}" target="_blank">#}
					<a href="{{ url_for('home.play',id=v.id,page=1 )}}" target="_blank">
{#					<a href=""><span style="opacity:0;"></span></a>#}
					<img src="{{ url_for('static',filename='uploads/' + v.logo) }}" alt="">
					<p style="bottom:0">{{ v.title }}</p>
                        <span style="opacity:0;"></span></a>
				</li>
                {% endfor %}
			</ul>
			<!--火狐倒影图层-->
{#			<p id="rflt"></p>#}
			<!--火狐倒影图层-->
		</div>
		<!--序列号按钮-->
		<div class="btn_list">
			<span class="curr"></span><span></span><span></span><span></span><span></span>
		</div>
	</div>

</div>
<!--轮播图 结束 -->

<script type="text/javascript" src="{{ url_for('static',filename='anim/js/jquery.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static',filename='anim/js/script.js') }}"></script>

</body>
</html>
