Skip to content

php / pingan-marathon

Go to a project
Commit 8c68cb54 by doszhang
Options

dos

parent 75db0fd6
Showing with 48 additions and 2 deletions
Application/Home/View/default/layout.tpl
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
<link rel="stylesheet" type="text/css" href="__CDN__/css/index.css" media="all"/> <link rel="stylesheet" type="text/css" href="__CDN__/css/index.css" media="all"/>
</head> </head>
<body> <body>
<audio src="__CDN__/media/bg.mp3" preload="auto" loop="loop" id="music" style="display:none"></audio>
<div class="wrap"> <div class="wrap">
<div class="wrap-inner"> <div class="wrap-inner">
<div class="loadFont">1</div> <div class="loadFont">1</div>
...@@ -127,6 +127,7 @@ ...@@ -127,6 +127,7 @@
{:block name='js'}{:/block} {:block name='js'}{:/block}
<script> <script>
window.wx && wx.ready(function () { window.wx && wx.ready(function () {
$('#music')[0].play();
wx.onMenuShareAppMessage(wxFriendData); wx.onMenuShareAppMessage(wxFriendData);
wx.onMenuShareTimeline(wxTimelineData); wx.onMenuShareTimeline(wxTimelineData);
}); });
......
Public/static/css/index.css
...@@ -34,6 +34,19 @@ input::-webkit-input-placeholder { ...@@ -34,6 +34,19 @@ input::-webkit-input-placeholder {
src: url(./zkkh.ttf); src: url(./zkkh.ttf);
} }
.music {
z-index: 3;
animation: rotate 2s linear infinite;
-webkit-animation: rotate 2s linear infinite;
}
.music.stop {
background: url('../image2/music-stop.png');
background-size: 100% 100%;
animation: none;
-webkit-animation: none;
}
.page { .page {
display: none; display: none;
} }
...@@ -136,4 +149,22 @@ input[name=customize] { ...@@ -136,4 +149,22 @@ input[name=customize] {
50% { 50% {
-webkit-transform: translate(-5px); -webkit-transform: translate(-5px);
} }
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
} }
\ No newline at end of file
Public/static/js/common.js
...@@ -95,7 +95,20 @@ $(document).ready(function () { ...@@ -95,7 +95,20 @@ $(document).ready(function () {
$('.upload-page .btn-back').on('click',backToReupload); $('.upload-page .btn-back').on('click',backToReupload);
$('.poster-page .btn-back').on('click',backToUpload) $('.poster-page .btn-back').on('click',backToUpload);
$('.music').click(function(){
if($('#music')[0].paused)
{
$('#music')[0].play();
$('.music').removeClass('stop');
}
else
{
$('#music')[0].pause();
$('.music').addClass('stop');
}
});
$('[name=btn-tocreate]').change(function() { $('[name=btn-tocreate]').change(function() {
var canvasinfo = initCanvas('#uploadCanvas',660,660); var canvasinfo = initCanvas('#uploadCanvas',660,660);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment