YOUZI THEME 柚子主题
首页8个可自定义的轮播图片链接
首页8个可自定义的滚动图片文字链接且可扩展数量
可自定义且可定制扩展的首页图标文字链接
可自定义的弹窗时间文字链接
可自定义的悬浮挂件图片文字链接颜色和强提醒
主题拥有可跟随系统切换的暗黑模式
支持开启安全登录后台且可自定义后台地址
SEO优化 百度推送
文章支持评论点赞赞赏，查看阅读量。
主题后台支持自己上传更换头像
支持主流浏览器，响应式自适应多端设计。
PHP5.3以上，WP4.0以上，MySQL5.0以上。
售价：399 点击下方赞赏付款，并添加柚子微信。
主题授权绑定一个域名，虚拟产品不支持退款。
购买无忧，赠送首次协助一次安装。
运用计算机语言，用代码编程写个怀旧游戏机。
从零开始，现在页面是空的。
如果想在页面显示几个按钮，分别是Select和Pause。
这里就要用到HTML语言，HTML定义网页的内容。
例如：
<div class="function"> <button class="controls-center-select joybtn" id="joystick_btn_select" role="BUTTON_SELECT">Select</button> <button class="controls-center-start joybtn" id="joystick_btn_start" role="BUTTON_START">Pause</button> </div>
上面代码中标签<button></button>的内容，分别为Select和Pause。
现在想要把Select和Pause这两个按钮，放在想要的位置。
这里就要用的CSS语言，CSS描述了网页的布局。
例如：
可爱柚.function {
display: flex;
padding: 0.1px 1px;
border-radius: 50px;
align-self: center;
background: #7a3333;
box-shadow: 1px 1px 0 rgba(255, 255, 255, .8);
}
.function button {
user-select: none;
margin: 1px;
height: 20px;
width: 80px;
outline: 0;
box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), inset 2px 2px 0 0px rgba(255, 255, 255, .4);
background: #857b7a;
color: #000000;
border-radius: 15px;
}
上面代码描述了，Select和Pause这两个按钮的位置大小颜色背景颜色。
现在想要控制人物向左向右移动，或者人物向上向下看。
这里就要用到JavaScript语言，JavaScript控制了网页的行为。
例如：
function touchDwon(evt) {
nes.keyboard.keyDown({
keyCode: evt.keyCode
});
};
function touchUp(evt) {
nes.keyboard.keyUp({
keyCode: evt.keyCode
});
};
function select(val) {
if (val.substring(0, 1) == "#") {
return document.querySelector(val);
} else {
return document.getElementById(val);
}
}
var joystick = new Joystick({
el: select("controls-rocker"),
mode: 'static',
color: "#808080",
size: 118,
isFourBtn: false,
keyCodes: [87, 83, 65, 68],
btn_down_fn: touchDwon,
btn_up_fn: touchUp,
relative: true,
});
joystick.init();
上面代码实现了上下左右方向键盘，以及360度全方向控制。
熟练掌握计算机语言，能够实现多种复杂页面。
关于这个怀旧游戏机，柚子已经整理好了代码，联系柚子获取源码。
