Skip to content

Commit

Permalink
變更按鈕樣式
Browse files Browse the repository at this point in the history
  • Loading branch information
@RimoChan
RimoChan committed May 1, 2019
1 parent 9838845 commit eecbde0
Show file tree
Hide file tree
Showing 43 changed files with 8,986 additions and 330 deletions.
149 changes: 75 additions & 74 deletions html/adv.html
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
<html>
<head>
<title></title>
<meta charset='utf-8'/>
<link rel='stylesheet' href='style.css'/>
<link rel="stylesheet" href='特效.css'/>
<link rel="stylesheet" href='黑科技/hi-icon.css'/>
<link rel="stylesheet" href='黑科技/美麗滑條.css'/>
<link rel="stylesheet" href='黑科技/font-awesome-4.7.0/css/font-awesome.css'/>
<script src='黑科技/qwebchannel.js'></script>
<script src='黑科技/vue.js'></script>
<script src='黑科技/jquery-3.1.1.min.js'></script>
Expand All @@ -23,84 +25,83 @@
<audio id="bgm" autoplay='' loop='' src=''></audio>
<audio id="嘀" autoplay='' loop='' src=''></audio>
<div id="配置面板">
<div class="hicon_effect_1 hicon_effect_1a">
<div class="option">
<span class="小塊">
全屏幕
</span>
<a class="hicon" href='javascript:山彥("切換全屏");'>
T
</a>
(其實按alt+enter就好了)
</div>
<div class="option">
<span class="小塊">
文字速度
</span>
須臾
<input id="文字速度" type="range" min="0" max="100" onchange="設置.同調(this)"></input>
永恆
</div>
<div class="option">
<span class="小塊">
自動模式速度
</span>
哪有自動模式……
</div>
<div class="option">
<span class="小塊">
對話框背景透明度
</span>
通透
<input id="對話框背景透明度" type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)"></input>
固實
</div>
<div class="option">
<span class="小塊">
自動收起控制面板
</span>
<input id="自動收起控制面板" type="checkbox" onchange="設置.同調(this)"></input>
</div>
<div class="option">
<span class="小塊">
<總體音量></總體音量>
</span>
小聲
<input id="總體音量" type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)"></input>
大聲(沒用)
</div>
<a class="hicon" href='javascript:控制.退出設置();'>
×
<div class="option">
<span class="小塊">
全屏幕
</span>
<a class="hicon" href='javascript:山彥.切換全屏();'>
<i class="fa fa-arrows-alt"></i>
</a>
</div>
<div class="option">
<span class="小塊">
文字速度
</span>
須臾
<input id="文字速度" type="range" min="0" max="100" onchange="設置.同調(this)"></input>
永恆
</div>
<div class="option">
<span class="小塊">
自動模式速度
</span>
哪有自動模式……
</div>
<div class="option">
<span class="小塊">
對話框背景透明度
</span>
通透
<input id="對話框背景透明度" type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)"></input>
固實
</div>
<div class="option">
<span class="小塊">
自動收起控制面板
</span>
<input id="自動收起控制面板" type="checkbox" onchange="設置.同調(this)"></input>
</div>
<div class="option">
<span class="小塊">
<總體音量></總體音量>
</span>
小聲
<input id="總體音量" type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)"></input>
大聲(沒用)
</div>
<a class="hicon" href='javascript:控制.退出設置();'>
<i class="fa fa-times"></i>
</a>
</div>
<div id="工具欄">
<div class="hicon_effect_1 hicon_effect_1a">
<a class="hicon" href='javascript:山彥.存檔();'>
S
</a>
<a class="hicon" href='javascript:山彥.讀檔();'>
L
</a>
<a class="hicon double" href='javascript:山彥.快速存檔();'>
qS
</a>
<a class="hicon double" href='javascript:山彥.快速讀檔();'>
qL
</a>
<a class="hicon" href='javascript:alert("沒做這個功能");'>
A
</a>
<a class="hicon double" href='javascript:控制.進入設置();'">
co
</a>
<a class="hicon double" href='javascript:控制.切換快進();'>
sk
</a>
<a class="hicon double" href='javascript:山彥.回標題()'>
tl
</a>
</div>
<a class="hicon" href='javascript:山彥.存檔();'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-down" style='text-shadow:0 0 4px #000;'></i>
</a>
<a class="hicon" href='javascript:山彥.讀檔();'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-up" style='text-shadow:0 0 4px #000;'></i>
</a>
<a class="hicon" href='javascript:山彥.快速存檔();'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-down" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
</a>
<a class="hicon" href='javascript:山彥.快速讀檔();'>
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-up" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
</a>
<a class="hicon" href='javascript:alert("沒做這個功能");'>
<i class="fa fa-forward"></i>
</a>
<a class="hicon" href='javascript:控制.切換快進();'>
<i class="fa fa-fast-forward"></i>
</a>
<a class="hicon" href='javascript:控制.進入設置();'">
<i class="fa fa-gear"></i>
</a>
<a class="hicon" href='javascript:山彥.回標題();'>
<i class="fa fa-mail-reply"></i>
</a>
</div>
<div id="adv畫面">
<div id="覆蓋"></div>
Expand Down
110 changes: 56 additions & 54 deletions html/adv.ptml
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,13 @@
html:
head:
title:
meta charset='utf-8';
link rel='stylesheet' href='style.css';
link rel="stylesheet" href='特效.css';
link rel="stylesheet" href='黑科技/hi-icon.css';
link rel="stylesheet" href='黑科技/美麗滑條.css';
link rel="stylesheet" href='黑科技/font-awesome-4.7.0/css/font-awesome.css';

script src='黑科技/qwebchannel.js':
script src='黑科技/vue.js':
script src='黑科技/jquery-3.1.1.min.js':
Expand All @@ -17,7 +20,6 @@ html:
script src='設置.js':
script src='逐字打印.js':

# js用來表現動畫的……
style#style:

body oncontextmenu='window.event.returnValue=false;':
Expand All @@ -28,63 +30,63 @@ html:
audio#嘀 autoplay='' loop='' src='':

div#配置面板:
div.hicon_effect_1.hicon_effect_1a:
div.option:
span.小塊:
全屏幕
a.hicon href='javascript:山彥("切換全屏");':
T
(其實按alt+enter就好了)
div.option:
span.小塊:
文字速度
須臾
input#文字速度 type="range" min="0" max="100" onchange="設置.同調(this)":
永恆
div.option:
span.小塊:
自動模式速度
哪有自動模式……
div.option:
span.小塊:
對話框背景透明度
通透
input#對話框背景透明度 type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)":
固實
div.option:
span.小塊:
自動收起控制面板
input#自動收起控制面板 type="checkbox" onchange="設置.同調(this)":
div.option:
span.小塊:
總體音量:
小聲
input#總體音量 type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)":
大聲(沒用)
div.option:
span.小塊:
全屏幕
a.hicon href='javascript:山彥.切換全屏();':
<i class="fa fa-arrows-alt"></i>
div.option:
span.小塊:
文字速度
須臾
input#文字速度 type="range" min="0" max="100" onchange="設置.同調(this)":
永恆
div.option:
span.小塊:
自動模式速度
哪有自動模式……
div.option:
span.小塊:
對話框背景透明度
通透
input#對話框背景透明度 type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)":
固實
div.option:
span.小塊:
自動收起控制面板
input#自動收起控制面板 type="checkbox" onchange="設置.同調(this)":
div.option:
span.小塊:
總體音量:
小聲
input#總體音量 type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)":
大聲(沒用)

a.hicon href='javascript:控制.退出設置();':
×
a.hicon href='javascript:控制.退出設置();':
<i class="fa fa-times"></i>


div#工具欄:
div.hicon_effect_1.hicon_effect_1a:
a.hicon href='javascript:山彥.存檔();':
S
a.hicon href='javascript:山彥.讀檔();':
L
a.hicon.double href='javascript:山彥.快速存檔();':
qS
a.hicon.double href='javascript:山彥.快速讀檔();':
qL
a.hicon href='javascript:alert("沒做這個功能");':
A
a.hicon.double href='javascript:控制.進入設置();'":
co
a.hicon.double href='javascript:控制.切換快進();':
sk
a.hicon.double href='javascript:山彥.回標題()':
tl

a.hicon href='javascript:山彥.存檔();':
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-down" style='text-shadow:0 0 4px #000;'></i>
a.hicon href='javascript:山彥.讀檔();':
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-up" style='text-shadow:0 0 4px #000;'></i>
a.hicon href='javascript:山彥.快速存檔();':
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-down" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
a.hicon href='javascript:山彥.快速讀檔();':
<i class="fa fa-floppy-o"></i>
<i class="fa fa-angle-double-up" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
a.hicon href='javascript:alert("沒做這個功能");':
<i class="fa fa-forward"></i>
a.hicon href='javascript:控制.切換快進();':
<i class="fa fa-fast-forward"></i>
a.hicon href='javascript:控制.進入設置();'":
<i class="fa fa-gear"></i>
a.hicon href='javascript:山彥.回標題();':
<i class="fa fa-mail-reply"></i>

div#adv畫面:
div#覆蓋:
Expand Down
Loading

0 comments on commit eecbde0

Please sign in to comment.