HTML5古典卡带音乐播放器
2015-06-06 13:20
671 查看
HTML5古典卡带音乐播放器
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content=""/>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/knobKnob.css" />
<link href='http://fonts.googleapis.com/css?family=Aldrich' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="js/modernizr.custom.69142.js"></script>
</head>
<body>
<div id="adsense2" style="width:730px;margin:10px auto">
</div>
<div class="container">
<header>
<div class="support-note">
<span class="no-cssanimations"></span>
<span class="no-csstransforms"></span>
<span class="no-csstransforms3d"></span>
<span class="no-csstransitions"></span>
<span class="note-ie"></span>
</div>
</header>
<div id="vc-container" class="vc-container">
<div class="vc-tape-wrapper">
<div class="vc-tape">
<div class="vc-tape-back">
<div class="vc-tape-wheel vc-tape-wheel-left"><div></div></div>
<div class="vc-tape-wheel vc-tape-wheel-right"><div></div></div>
</div>
<div class="vc-tape-front vc-tape-side-a">
<span>A</span>
</div>
<div class="vc-tape-front vc-tape-side-b">
<span>B</span>
</div>
</div>
</div>
<div class="vc-loader"></div>
</div>
</div><!-- //container -->
<div id="adsense" style="width:730px;margin:10px auto">
<script type="text/javascript"> /*demo页面横幅*/var cpro_id = 'u956777';</script><script src="http://cpro.baidu.com/cpro/ui/c.js"
type="text/javascript"></script>
</div>
<div style="width:700px;margin:10px auto 20px auto;padding:0 0 0 180px;overflow:hidden">
<iframe src="http://demo.itivy.com/include/follow.html" frameborder="0"
scrolling="auto" marginwidth="0" marginheight="0" allowtransparency="true" width="645px" height="35px"></iframe>
<div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" style="margin:10px 0 0 -4px">
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="bds_qzone"></a>
<a class="bds_douban"></a>
<a class="bds_xg"></a>
<span class="bds_more">更多</span>
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion="
+ new Date().getHours
();
</script>
</div>
<div style="display: none">
<script language="javascript" type="text/javascript" src="http://js.users.51.la/4473358.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fadd0db9dee36c7a9b64141788e26de72' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21395429-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www')
+ '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/transform.js"></script>
<script src="js/knobKnob.jquery.js"></script>
<script type="text/javascript" src="js/jquery.cassette.js"></script>
<script type="text/javascript">
$(function() {
$( '#vc-container' ).cassette();
});
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content=""/>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/knobKnob.css" />
<link href='http://fonts.googleapis.com/css?family=Aldrich' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="js/modernizr.custom.69142.js"></script>
</head>
<body>
<div id="adsense2" style="width:730px;margin:10px auto">
</div>
<div class="container">
<header>
<div class="support-note">
<span class="no-cssanimations"></span>
<span class="no-csstransforms"></span>
<span class="no-csstransforms3d"></span>
<span class="no-csstransitions"></span>
<span class="note-ie"></span>
</div>
</header>
<div id="vc-container" class="vc-container">
<div class="vc-tape-wrapper">
<div class="vc-tape">
<div class="vc-tape-back">
<div class="vc-tape-wheel vc-tape-wheel-left"><div></div></div>
<div class="vc-tape-wheel vc-tape-wheel-right"><div></div></div>
</div>
<div class="vc-tape-front vc-tape-side-a">
<span>A</span>
</div>
<div class="vc-tape-front vc-tape-side-b">
<span>B</span>
</div>
</div>
</div>
<div class="vc-loader"></div>
</div>
</div><!-- //container -->
<div id="adsense" style="width:730px;margin:10px auto">
<script type="text/javascript"> /*demo页面横幅*/var cpro_id = 'u956777';</script><script src="http://cpro.baidu.com/cpro/ui/c.js"
type="text/javascript"></script>
</div>
<div style="width:700px;margin:10px auto 20px auto;padding:0 0 0 180px;overflow:hidden">
<iframe src="http://demo.itivy.com/include/follow.html" frameborder="0"
scrolling="auto" marginwidth="0" marginheight="0" allowtransparency="true" width="645px" height="35px"></iframe>
<div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" style="margin:10px 0 0 -4px">
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="bds_qzone"></a>
<a class="bds_douban"></a>
<a class="bds_xg"></a>
<span class="bds_more">更多</span>
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion="
+ new Date().getHours
();
</script>
</div>
<div style="display: none">
<script language="javascript" type="text/javascript" src="http://js.users.51.la/4473358.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fadd0db9dee36c7a9b64141788e26de72' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21395429-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www')
+ '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/transform.js"></script>
<script src="js/knobKnob.jquery.js"></script>
<script type="text/javascript" src="js/jquery.cassette.js"></script>
<script type="text/javascript">
$(function() {
$( '#vc-container' ).cassette();
});
</script>
</body>
</html>
相关文章推荐
- html5获取地理位置信息4种方式详解
- 基于IP地址的HTML5地理位置定位 Geolocation API实例
- html5 调用手机摄像头详解
- html5指南--1.创建拖拽对象
- 扁平html5音乐播放器
- html5指南--3.创建投放区
- html5指南--5.拖拽文件
- html5指南--4.使用DataTransfer
- HTML5 canvas绘图制作打击视频玻璃破碎动画效果
- html5指南--6.上传文件
- sqoop 1.4.4-cdh5.1.2快速入门
- sqoop 1.4.4-cdh5.1.2快速入门
- sqoop 1.4.4-cdh5.1.2快速入门
- sqoop 1.4.4-cdh5.1.2快速入门 分类: C_OHTERS 2015-06-06 11:40 208人阅读 评论(0) 收藏
- HTML5 <script>元素async,defer异步加载
- html5 meta标签属性整理
- HTML5加载动画
- HTML5加载动画
- 从零开始制作H5应用(2)——V2.0版,多页单张图片滑动,透明过渡及交互指示
- html5+css3弹性框架--自适应