-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
70bc347
commit 2698033
Showing
89 changed files
with
4,036 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,137 @@ | ||
audio::-webkit-media-controls { | ||
overflow: hidden !important | ||
} | ||
|
||
audio::-webkit-media-controls-enclosure { | ||
width: calc(100% + 32px); | ||
margin-left: auto | ||
} | ||
|
||
#main { | ||
width: 390px; | ||
margin: 0 auto | ||
} | ||
|
||
#main .top { | ||
position: relative | ||
} | ||
|
||
#main .top .name { | ||
color: #fff; | ||
font-size: 22px; | ||
text-align: center; | ||
position: absolute; | ||
width: 100%; | ||
padding-top: 22px; | ||
font-family: 微软雅黑 | ||
} | ||
|
||
#main .top .bg1 { | ||
height: 70px; | ||
background-image: url(../img/bjm11.png); | ||
background-repeat: no-repeat, repeat; | ||
background-size: 100% 100% | ||
} | ||
|
||
#main .top .bg2 { | ||
height: 80px; | ||
background-image: url(../img/bjm22.png); | ||
background-repeat: no-repeat, repeat; | ||
background-size: 100% 100% | ||
} | ||
|
||
#main .top .ji { | ||
width: 90%; | ||
height: 90%; | ||
box-sizing: border-box; | ||
position: absolute; | ||
top: 50%; | ||
left: 10px; | ||
right: 10px; | ||
margin: auto; | ||
background-image: url(../img/ji.png); | ||
background-repeat: no-repeat, repeat; | ||
background-clip: border-box; | ||
background-size: 100% 100%; | ||
border-radius: 15px | ||
} | ||
|
||
#main .ctrl { | ||
border-radius: 15px; | ||
background-color: #fff; | ||
margin: 80px 20px; | ||
margin-bottom: 0; | ||
padding: 20px | ||
} | ||
|
||
#main .ctrl .gongneng { | ||
font-family: 微软雅黑; | ||
width: 100%; | ||
margin-bottom: 15px | ||
} | ||
|
||
#main .ctrl .gongneng span { | ||
font-weight: bold | ||
} | ||
|
||
#main .ctrl .gongneng .s { | ||
float: right; | ||
width: 110px; | ||
display: flex; | ||
justify-content: space-between | ||
} | ||
|
||
#main .ctrl .gongneng .s .s1, | ||
#main .ctrl .gongneng .s .s2 { | ||
width: 50px; | ||
height: 30px; | ||
line-height: 30px; | ||
border-radius: 10px; | ||
background-color: rgb(33, 235, 110); | ||
text-align: center; | ||
font-size: 13px | ||
} | ||
|
||
#main .ctrl ul.jj { | ||
list-style: none; | ||
display: -webkit-flex; | ||
display: flex; | ||
justify-content: space-between; | ||
flex-wrap: wrap | ||
} | ||
|
||
#main .ctrl ul.jj li { | ||
width: 70px; | ||
height: 50px; | ||
line-height: 50px; | ||
font-size: 13px; | ||
background-color: rgb(30, 190, 142); | ||
text-align: center; | ||
margin: 3px; | ||
padding: 0; | ||
border-radius: 10px; | ||
cursor: pointer; | ||
} | ||
|
||
#main .ctrl ul.jj li.sange { | ||
width: 90px | ||
} | ||
|
||
#main .ctrl .help { | ||
border-radius: 15px; | ||
background-color: #eee; | ||
margin-top: 20px; | ||
padding: 10px 20px | ||
} | ||
|
||
#main .ctrl .help .title { | ||
font-weight: bold | ||
} | ||
|
||
#main .ctrl .help ul { | ||
list-style-type: none | ||
} | ||
|
||
#main .ctrl .help ul li { | ||
margin: 15px 0 | ||
} |
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,151 @@ | ||
<!DOCTYPE html> | ||
<html lang="zh"> | ||
<!-- This web page is copied by the "https://bazhan.wang" --> | ||
|
||
<head> | ||
|
||
<meta charset="utf-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<link rel="stylesheet" href=""> | ||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=1"> | ||
<link rel="stylesheet" href="css/style.css"> | ||
<title>鸡乐盒OnLine</title> | ||
<style> | ||
* { | ||
margin: 0; | ||
padding: 0 | ||
} | ||
|
||
body { | ||
background-color: #eee; | ||
font-family: 微软雅黑 | ||
} | ||
|
||
.clearfix:before, | ||
.clearfix:after { | ||
content: " | ||
" | ||
; | ||
display: table | ||
} | ||
|
||
.clearfix:after { | ||
clear: both | ||
} | ||
</style> | ||
</head> | ||
|
||
<body> | ||
<div id="main"> | ||
<div class="top"> | ||
<div class="name">鸡乐盒OnLine</div> | ||
<div class="bg1"></div> | ||
<div class="bg2"></div> | ||
<a href="http://jilehe.cn/"><div class="ji "></div> | ||
</a> | ||
</div> | ||
<div class="ctrl "> | ||
<div class="gongneng"><span>音效区域</span> | ||
<div class="s"> | ||
<div class="s1">开头</div> | ||
<div class="s2">停止</div> | ||
</div> | ||
</div> | ||
<ul class="jj"> | ||
<li m="j">鸡</li> | ||
<li m="n">你</li> | ||
<li m="t">太</li> | ||
<li m="m">美</li> | ||
<li m="唱">唱</li> | ||
<li m="跳">跳</li> | ||
<li m="rp">rap</li> | ||
<li m="lq">篮球</li> | ||
<li m="哇真的是你">真的是你</li> | ||
<li m="哎呀">哎呀</li> | ||
<li m="哈哈哈">哈哈哈</li> | ||
<li m="ma">ma~</li> | ||
|
||
|
||
<li m="mck">music</li> | ||
<li m="啊~">啊~</li> | ||
<li m="哇呵呵">哇呵呵</li> | ||
<li m="喜欢">喜欢</li> | ||
<li m="qm">制作人</li> | ||
<li m="djh">大家好</li> | ||
<li m="ws">我是</li> | ||
<li m="坤坤">鲲鲲</li> | ||
<li m="ngm">你干嘛~</li> | ||
<li m="hh">哈哈</li> | ||
<li m="ay">哎哟</li> | ||
<li m="nhf">你好烦~</li> | ||
<li m="jntm" class="sange">开始吟唱</li> | ||
<li m="ngmhhy" class="sange">你干嘛哈哈哟</li> | ||
<li m="yhhmgn" class="sange">哟哈哈嘛干你</li></li> | ||
|
||
<div class="gongneng"><span>音乐区域</span></div> | ||
|
||
<li m="esj">二手鸡</li> | ||
<li m="rup">rap鸡</li> | ||
<li m="djj">DJ鸡</li> | ||
<li m="xxj">谢谢鸡</li> | ||
<li m="jhj">惊魂鸡</li> | ||
<li m="xjj">仙剑鸡</li> | ||
<li m="xnj">新年鸡</li> | ||
<li m="zdj">战斗鸡</li> | ||
<li m="thj">桃花鸡</li> | ||
<li m="mrj">某人鸡</li> | ||
<li m="jnj">江南鸡</li> | ||
<li m="jjj">尖叫鸡</li> | ||
<li m="bbj">baby鸡</li> | ||
<li m="hxj">欢喜鸡</li> | ||
<li m="yyj">耶耶鸡</li> | ||
<li m="jtm">鸡太美</li> | ||
<li m="大悲鸡">大悲鸡</li> | ||
<li m="果宝鸡">果宝鸡</li> | ||
<li m="狂放鸡">狂放鸡</li> | ||
<li m="起鲲了">起鲲了</li> | ||
<li m="青蛙鸡">青蛙鸡</li> | ||
<li m="三国鸡">三国鸡</li> | ||
<li m="小母鸡">小母鸡</li> | ||
<li m="新闻鸡">新闻鸡</li> | ||
<li m="印度鸡">印度鸡</li> | ||
<li m="各种鸡">各种鸡</li> | ||
<li m="卡点鸡">卡点鸡</li> | ||
<li m="听鸡话">听鸡话</li> | ||
|
||
<li m="祝福鸡">祝福鸡</li> | ||
<li m="好运鸡">好运鸡</li> | ||
<li m="春节鸡">春节鸡</li> | ||
<li m="圣诞鸡">圣诞鸡</li> | ||
|
||
<div class="gongneng"><span>坤坤游戏</span></div> | ||
<a href="http://jilehe.125ks.cn/ikunmuyu"> <li m="">电子坤鱼</a></li> | ||
|
||
<a href="http://jlh.125ks.cn/cxk/dlq"> <li m="">坤坤打篮球</a></li> | ||
<a href="http://jlh.125ks.cn/cxk/dinogame"> <li m="">坤坤跳跳乐</a></li> | ||
<a href="http://jlh.125ks.cn/cxk/ddh/"> <li m="">坤坤来电</a></li> | ||
<a href="http://jlh.125ks.cn/cxk/bccxk/"> <li m="">爆踩坤坤</a></li> | ||
<a href="http://jilehe.125ks.cn/ikuntx/"> <li m="">鸡仔头像</a></li> | ||
<a href="http://jilehe.125ks.cn/ikunjt/"> <li m="">表情包</a></li> | ||
<a href="http://jilehe.cn/"> <li m="">更多游戏</a></li> | ||
|
||
|
||
</ul> | ||
<div class="help"> | ||
<div class="title">使用帮助</div> | ||
<ul> | ||
<li>点击按钮就会发出鸡声。</li> | ||
<li>喜欢的话请多多分享给身边的爱坤,音频资源持续更新嗷!</li> | ||
|
||
</ul> | ||
</div> | ||
</div> | ||
</div><audio id="audio" src="media/j.mp3" ontrolslist="nodownload" οncοntextmenu="return false" preload="auto"></audio> | ||
<script src="js/index.js"></script> | ||
</div> | ||
|
||
</body> | ||
|
||
|
||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
var audio = document.getElementById('audio'); | ||
audio.play(); | ||
var lis = document.querySelectorAll('ul.jj li'); | ||
lis.forEach(li => { | ||
li.onclick = function() { | ||
audio.src = './res/' + this.getAttribute('m') + '.mp3'; | ||
audio.play(); | ||
console.log(this.innerHTML) | ||
} | ||
}); | ||
document.querySelector('.s1').onclick = function() { | ||
audio.currentTime = 0; | ||
console.log('重开') | ||
}; | ||
document.querySelector('.s2').onclick = function() { | ||
audio.pause(); | ||
console.log('停止') | ||
} |
Binary file not shown.
Binary file not shown.
Oops, something went wrong.