</audio><br /> <br /> </p> <p> </p> </div> <p><br /></p> <p><br /></p> <p><br /></p> <p><br /></p> <p><br /></p> <div style="clear:both; margin-bottom:10px;line-height: 30px;"> <div>上一篇：<a href='/wap/5185.html'>圣诞节平安夜沙画配音版《耶稣诞生与复活》</a> </div> <div>下一篇：<a href='/wap/6776.html'>动画片《亚伯拉罕献以撒》</a> </div> </div> </div> </div> </div> <script> $("document").ready(function(){ $(".issue-title").click(function(){ var orgp = $(this).attr('orgp'); var display = $("#issue_info_"+orgp).css('display'); if(display == 'none') { //$(".issue-info").hide(); //$(".issue-title").removeClass('on'); $("#issue_info_"+orgp).slideDown(); $(this).addClass('on'); } else { $("#issue_info_"+orgp).slideUp(); $(this).removeClass('on'); //$(".issue-info").slideUp(); //$(".issue-title").removeClass('on'); } }); }); function playTrack(index) { currentTrackIndex = index; audio.src = musicList[currentTrackIndex].src; audio.play(); updatePlayPauseButton(); updatePlaylist(); } function updatePlayPauseButton() { playPauseBtn.textContent = audio.paused ? '播放' : '暂停'; } function updatePlaylist() { const listItems = playlist.querySelectorAll('li'); listItems.forEach((li, index) => { li.style.backgroundColor = index === currentTrackIndex ? '#007bff' : '#e9ecef'; li.style.color = index === currentTrackIndex ? 'white' : 'black'; }); } playPauseBtn.addEventListener('click', () => { if (audio.paused) { audio.play(); } else { audio.pause(); } updatePlayPauseButton(); }); prevBtn.addEventListener('click', () => { currentTrackIndex = (currentTrackIndex - 1 + musicList.length) % musicList.length; playTrack(currentTrackIndex); }); nextBtn.addEventListener('click', () => { if (isShuffle) { currentTrackIndex = Math.floor(Math.random() * musicList.length); } else { currentTrackIndex = (currentTrackIndex + 1) % musicList.length; } playTrack(currentTrackIndex); }); shuffleBtn.addEventListener('click', () => { isShuffle = !isShuffle; shuffleBtn.textContent = isShuffle ? '顺序播放' : '随机播放'; }); repeatBtn.addEventListener('click', () => { isRepeat = !isRepeat; repeatBtn.textContent = isRepeat ? '顺序播放' : '单曲循环'; }); audio.addEventListener('timeupdate', () => { const progress = (audio.currentTime / audio.duration) * 100; progressBar.value = progress; }); progressBar.addEventListener('input', () => { const time = (progressBar.value / 100) * audio.duration; audio.currentTime = time; }); audio.addEventListener('ended', () => { if (isRepeat) { audio.play(); } else { nextBtn.click(); } }); </script> <div style="margin:5px auto 10px;max-width: 1024px; overflow:hidden"> <a href="https://www.mred376.top/wap/10524.html"><img src="/images/index/banner/防失联.gif" style="width:100%;" /></a> </div> <div class="clear"></div> <div class="recom-search"><form action="https://www.mred376.top/plus/search.php" method="get" id="searchableForm" name="searchableForm"><input type="text" name="q" class="q" value="在这里输入关键字" title="在这里输入关键字" onFocus="this.value==this.title?this.value='':null" onBlur="this.value==''?this.value=this.title:null" /><input type="submit" value="搜索文章" class="submit" /></form></div> <div class="clear"></div> <style> .nav4{height:40px;} .nav4 ul{position:fixed;z-index:200;bottom:0;left:0;width:100%} .nav4 li{ height:40px; border-bottom:0; border-right:0; position:relative; -webkit-box-shadow:inset 0 0 3px #fff; float:left; width:25%; } .nav4 li:nth-of-type(1){border-left;0;} .nav4 li>a{ font-size:15px; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); border-bottom:0; display:block; line-height:40px; text-align:center; background:#282725; } .nav4 li>a:only-child span{background:none;padding-left:0;} .nav4 li>a.on + dl{display: block;} .nav4 li>a span{ color: #fff; display: inline-block; padding-left: 15px; background: url(../images/1.svg#2) no-repeat 4px 18px; -webkit-background-size: 9px auto; } .nav4 dl{ display:none; position:absolute; z-index:220; bottom:40px; left:50%; width:130px; margin-left:-50px; background:red; background:#e4e3e2; border-radius:5px; -webkit-box-shadow:inset 0 0 3px #fff; background:url(../images/2.svg#3) no-repeat center center; -webkit-background-size:100%; background-size:100%; } .nav4 dl:before{ content:""; display:inline-block; position:absolute; z-index:240; bottom:0; left:50%; width:10px; height:8px; /* background: url(../images/1.svg#2) no-repeat center -55px; */ -webkit-background-size: 10px auto; bottom: -7px; margin-left: -5px; } .nav4 dl dd{ line-height:45px; text-align:center; background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(194,194,194,0.8)), to(rgba(194,194,194,0.8)), color-stop(50%, rgba(194,194,194,0.8))); background-size:100% 1px; background-repeat:no-repeat; background-position: center bottom; width: 100%; margin-left: 0; } .nav4 dl dd:last-of-type{background:none;} .nav4 dl dd a{ font-size: 15px; display:block; color:#4f4d4f; text-shadow:0px 1px 0px #ffffff; white-space: pre; overflow: hidden; text-overflow: ellipsis; } .nav4 .masklayer_div{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 180; background: rgba(0,0,0,0); } .nav4 .masklayer_div.on{display: block;} </style> <div class="nav4"> <nav> <div id="nav4_ul" class="nav_4"> <ul class="box"> <li> <a href="https://www.mred376.top" class=""><span>首页</span></a> </li> <li> <a href="javascript:;" class=""><span>福音园地</span></a> <dl> <dd><a href="https://www.mred376.top/wap/list_55_1.html"><span>读经马拉松</span><img src="/templets/default/images/new.gif"></a></dd> <dd><a href="https://www.mred376.top/wap/5277.html"><span>四个属灵定律</span></a></dd> <dd><a href="https://www.mred376.top/wap/11930.html"><span>启发课程</span></a></dd> <dd><a href="https://www.mred376.top/wap/11864.html"><span>受浸辅导课程</span></a></dd> <dd><a href="https://www.mred376.top/wap/13585.html"><span>游子吟</span></a></dd> <dd><a href="https://www.mred376.top/wap/list_15_1.html"><span>福音电影</span></a></dd> <dd><a href="https://www.mred376.top/fyyd.html"><span>更多...</span></a></dd> </dl> </li> <li> <a href="javascript:;" class=""><span>诗歌</span></a> <dl> <dd><a href="https://www.mred376.top/wap/14237.html"><span>年度最喜爱赞美诗</span></a></dd> <dd><a href="https://www.mred376.top/up2025/音频/赞美诗/01.html"><span>默想音乐<img src="/templets/default/images/new.gif"></span></a></dd> <dd><a href="https://www.mred376.top/wap/list_40_1.html"><span>圣诗人</span></a></dd> <dd><a href="https://www.mred376.top/wap/list_36_1.html"><span>传统诗歌</span></a></dd> <dd><a href="https://www.mred376.top/wap/list_37_1.html"><span>颂主新歌</span></a></dd> <dd><a href="https://www.mred376.top/wap/list_44_1.html"><span>儿童赞美诗</span></a></dd> <dd><a href="https://www.mred376.top/wap/list_48_1.html"><span>进深诗歌</span></a></dd> <dd><a href="https://www.mred376.top/wap/list_56_1.html"><span>麦穗音乐<img src="/templets/default/images/new.gif"></span></a></dd> </dl> </li> <li> <a href="javascript:;"><span>更多</span></a> <dl style="margin-left: -70px;"> <dd><a href="http://123.1.189.54/news.html"><span>最新消息</span></a></dd> <dd><a href="https://www.mred376.top/wap/7816.html"><span>整年读经计划</span></a></dd> <dd><a href="https://www.mred376.top/wap/10524.html"><span>APP下载</span></a></dd> <dd><a href="https://www.mred376.top/plus/search.php?q=aaa"><span>搜索</span></a></dd> <dd><a href="https://www.mred376.top/wap/3784.html"><span>关于我们</span></a></dd> </dl> </li> </ul> </div> </nav> <div id="nav4_masklayer" class="masklayer_div on"> </div> </div> <script type="text/javascript"> var nav4 =(function(){ bindClick = function(els, mask){ if(!els || !els.length){return;} var isMobile = "ontouchstart" in window; for(var i=0,ci; ci = els[i]; i++){ ci.addEventListener("click", evtFn, false); } function evtFn(evt, ci){ ci =this; for(var j=0,cj; cj = els[j]; j++){ if(cj != ci){ console.log(cj); cj.classList.remove("on"); } } if(ci == mask){mask.classList.remove("on");return;} switch(evt.type){ case "click": var on = ci.classList.toggle("on"); mask.classList[on?"add":"remove"]("on"); break; } } mask.addEventListener(isMobile?"touchstart":"click", evtFn, false); } return {"bindClick":bindClick}; })(); nav4.bindClick(document.getElementById("nav4_ul").querySelectorAll("li>a"), document.getElementById("nav4_masklayer")); </script> </div> </body> </html>
