<!DOCTYPE HTML>
<html>
<head>
<title>纪录重庆纪检事</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/slide.css" />
<link rel="stylesheet" href="css/animate.css"/>
</head>
<body>
<script>
$("#audio_btn").click(function(){
var music = document.getElementById("music");
if(music.paused){
music.play();
$("#music_btn").attr("src","img/play.png");
}else{
music.pause();
$("#music_btn").attr("src","img/pause.png");
}
});
function playPause() {
var music = document.getElementById('music2');
var music_btn = document.getElementById('music_btn2');
if (music.paused){
music.play();
music_btn.src = 'img/play.png';
}
else{
music.pause();
music_btn.src = 'img/pause.png';
}
}
</script>
<!-- 外层画布 -->
<div class="slider-nav" id="sliderNav" style="position:relative;">
<div id="mydiv" style="position: absolute;width: 50px;height:50px;z-index:999;right:15px;bottom: 14px;">
<audio id="music2" src="/H5/audio/mp3.mp3" autoplay="autoplay" loop="loop"></audio>
<a href="javascript:playPause();"><img src="img/play.png" width="48" height="50" id="music_btn2" border="0"></a>
</div>
<ul>
<li>
<img style="display: inline" class="animated rollIn" src="img/0.jpg" alt=""/>
</li>
<li>
<img class="animated zoomIn" src="img/1.jpg" alt=""/>
</li>
<li>
<img class="animated zoomIn" src="img/2.jpg" alt=""/>
</li>
<li>
<img class="animated zoomIn" src="img/3.jpg" alt=""/>
</li>
<li>
<img class="animated zoomIn" src="img/4.jpg" alt=""/>
</li>
<li>
<img class="animated zoomIn" src="img/5.jpg" alt=""/>
</li>
<li>
<img class="animated zoomIn" src="img/6.jpg" alt=""/>
</li>
<li>
<img class="animated zoomIn" src="img/7.jpg" alt=""/>
</li>
</ul>
<span class="up-slide"></span>
</div>
<script src="js/zepto.js"></script>
<script src="js/slide.js"></script>
<script type="text/javascript">
$(function() {
$('#sliderNav').slider();
})
</script>
</body>
html5触屏滑动翻页加音乐控制
需积分: 5 115 浏览量
2022-06-23
15:36:38
上传
评论
收藏 11.38MB RAR 举报
html5触屏滑动翻页加音乐控制.rar （27个子文件） 
html5触屏滑动翻页加音乐控制 css 
animate.css 71KB slide.css 4KB img 
2.jpg 942KB 1.jpg 681KB 6.jpg 474KB 3.jpg 844KB 5.jpg 612KB 4.jpg 1.4MB
pause.png 5KB 7.jpg 650KB music_c3.png 4KB play.png 4KB 0.jpg 458KB
html5微信专题页面触屏滑动翻页展示特效.zip 1.18MB
index.html 2KB js jquery.js 49KB slide.js 7KB zepto.js 32KB zepto - 副本.js 32KB
pause.gif 638B play.gif 504B index - 副本.html 1KB
audioplay(jb51.net).rar 5KB audioplay(jb51.net) audio mp3.mp3 4.43MB index.html 2KB pause.gif 638B play.gif 504B
评论0