Skip to content

Commit eecbde0

Browse files
RimoChanRimoChan
committed
變更按鈕樣式
1 parent 9838845 commit eecbde0

43 files changed

Lines changed: 8986 additions & 330 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎html/adv.html‎

Lines changed: 75 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
<html>
22
<head>
3+
<title></title>
34
<meta charset='utf-8'/>
45
<link rel='stylesheet' href='style.css'/>
56
<link rel="stylesheet" href='特效.css'/>
67
<link rel="stylesheet" href='黑科技/hi-icon.css'/>
78
<link rel="stylesheet" href='黑科技/美麗滑條.css'/>
9+
<link rel="stylesheet" href='黑科技/font-awesome-4.7.0/css/font-awesome.css'/>
810
<script src='黑科技/qwebchannel.js'></script>
911
<script src='黑科技/vue.js'></script>
1012
<script src='黑科技/jquery-3.1.1.min.js'></script>
@@ -23,84 +25,83 @@
2325
<audio id="bgm" autoplay='' loop='' src=''></audio>
2426
<audio id="嘀" autoplay='' loop='' src=''></audio>
2527
<div id="配置面板">
26-
<div class="hicon_effect_1 hicon_effect_1a">
27-
<div class="option">
28-
<span class="小塊">
29-
全屏幕
30-
</span>
31-
<a class="hicon" href='javascript:山彥("切換全屏");'>
32-
T
33-
</a>
34-
(其實按alt+enter就好了)
35-
</div>
36-
<div class="option">
37-
<span class="小塊">
38-
文字速度
39-
</span>
40-
須臾
41-
<input id="文字速度" type="range" min="0" max="100" onchange="設置.同調(this)"></input>
42-
永恆
43-
</div>
44-
<div class="option">
45-
<span class="小塊">
46-
自動模式速度
47-
</span>
48-
哪有自動模式……
49-
</div>
50-
<div class="option">
51-
<span class="小塊">
52-
對話框背景透明度
53-
</span>
54-
通透
55-
<input id="對話框背景透明度" type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)"></input>
56-
固實
57-
</div>
58-
<div class="option">
59-
<span class="小塊">
60-
自動收起控制面板
61-
</span>
62-
<input id="自動收起控制面板" type="checkbox" onchange="設置.同調(this)"></input>
63-
</div>
64-
<div class="option">
65-
<span class="小塊">
66-
<總體音量></總體音量>
67-
</span>
68-
小聲
69-
<input id="總體音量" type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)"></input>
70-
大聲(沒用)
71-
</div>
72-
<a class="hicon" href='javascript:控制.退出設置();'>
73-
×
28+
<div class="option">
29+
<span class="小塊">
30+
全屏幕
31+
</span>
32+
<a class="hicon" href='javascript:山彥.切換全屏();'>
33+
<i class="fa fa-arrows-alt"></i>
7434
</a>
7535
</div>
36+
<div class="option">
37+
<span class="小塊">
38+
文字速度
39+
</span>
40+
須臾
41+
<input id="文字速度" type="range" min="0" max="100" onchange="設置.同調(this)"></input>
42+
永恆
43+
</div>
44+
<div class="option">
45+
<span class="小塊">
46+
自動模式速度
47+
</span>
48+
哪有自動模式……
49+
</div>
50+
<div class="option">
51+
<span class="小塊">
52+
對話框背景透明度
53+
</span>
54+
通透
55+
<input id="對話框背景透明度" type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)"></input>
56+
固實
57+
</div>
58+
<div class="option">
59+
<span class="小塊">
60+
自動收起控制面板
61+
</span>
62+
<input id="自動收起控制面板" type="checkbox" onchange="設置.同調(this)"></input>
63+
</div>
64+
<div class="option">
65+
<span class="小塊">
66+
<總體音量></總體音量>
67+
</span>
68+
小聲
69+
<input id="總體音量" type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)"></input>
70+
大聲(沒用)
71+
</div>
72+
<a class="hicon" href='javascript:控制.退出設置();'>
73+
<i class="fa fa-times"></i>
74+
</a>
7675
</div>
7776
<div id="工具欄">
78-
<div class="hicon_effect_1 hicon_effect_1a">
79-
<a class="hicon" href='javascript:山彥.存檔();'>
80-
S
81-
</a>
82-
<a class="hicon" href='javascript:山彥.讀檔();'>
83-
L
84-
</a>
85-
<a class="hicon double" href='javascript:山彥.快速存檔();'>
86-
qS
87-
</a>
88-
<a class="hicon double" href='javascript:山彥.快速讀檔();'>
89-
qL
90-
</a>
91-
<a class="hicon" href='javascript:alert("沒做這個功能");'>
92-
A
93-
</a>
94-
<a class="hicon double" href='javascript:控制.進入設置();'">
95-
co
96-
</a>
97-
<a class="hicon double" href='javascript:控制.切換快進();'>
98-
sk
99-
</a>
100-
<a class="hicon double" href='javascript:山彥.回標題()'>
101-
tl
102-
</a>
103-
</div>
77+
<a class="hicon" href='javascript:山彥.存檔();'>
78+
<i class="fa fa-floppy-o"></i>
79+
<i class="fa fa-angle-double-down" style='text-shadow:0 0 4px #000;'></i>
80+
</a>
81+
<a class="hicon" href='javascript:山彥.讀檔();'>
82+
<i class="fa fa-floppy-o"></i>
83+
<i class="fa fa-angle-double-up" style='text-shadow:0 0 4px #000;'></i>
84+
</a>
85+
<a class="hicon" href='javascript:山彥.快速存檔();'>
86+
<i class="fa fa-floppy-o"></i>
87+
<i class="fa fa-angle-double-down" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
88+
</a>
89+
<a class="hicon" href='javascript:山彥.快速讀檔();'>
90+
<i class="fa fa-floppy-o"></i>
91+
<i class="fa fa-angle-double-up" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
92+
</a>
93+
<a class="hicon" href='javascript:alert("沒做這個功能");'>
94+
<i class="fa fa-forward"></i>
95+
</a>
96+
<a class="hicon" href='javascript:控制.切換快進();'>
97+
<i class="fa fa-fast-forward"></i>
98+
</a>
99+
<a class="hicon" href='javascript:控制.進入設置();'">
100+
<i class="fa fa-gear"></i>
101+
</a>
102+
<a class="hicon" href='javascript:山彥.回標題();'>
103+
<i class="fa fa-mail-reply"></i>
104+
</a>
104105
</div>
105106
<div id="adv畫面">
106107
<div id="覆蓋"></div>

‎html/adv.ptml‎

Lines changed: 56 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,13 @@
11
html:
22
head:
3+
title:
34
meta charset='utf-8';
45
link rel='stylesheet' href='style.css';
56
link rel="stylesheet" href='特效.css';
67
link rel="stylesheet" href='黑科技/hi-icon.css';
78
link rel="stylesheet" href='黑科技/美麗滑條.css';
9+
link rel="stylesheet" href='黑科技/font-awesome-4.7.0/css/font-awesome.css';
10+
811
script src='黑科技/qwebchannel.js':
912
script src='黑科技/vue.js':
1013
script src='黑科技/jquery-3.1.1.min.js':
@@ -17,7 +20,6 @@ html:
1720
script src='設置.js':
1821
script src='逐字打印.js':
1922

20-
# js用來表現動畫的……
2123
style#style:
2224

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

3032
div#配置面板:
31-
div.hicon_effect_1.hicon_effect_1a:
32-
div.option:
33-
span.小塊:
34-
全屏幕
35-
a.hicon href='javascript:山彥("切換全屏");':
36-
T
37-
(其實按alt+enter就好了)
38-
div.option:
39-
span.小塊:
40-
文字速度
41-
須臾
42-
input#文字速度 type="range" min="0" max="100" onchange="設置.同調(this)":
43-
永恆
44-
div.option:
45-
span.小塊:
46-
自動模式速度
47-
哪有自動模式……
48-
div.option:
49-
span.小塊:
50-
對話框背景透明度
51-
通透
52-
input#對話框背景透明度 type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)":
53-
固實
54-
div.option:
55-
span.小塊:
56-
自動收起控制面板
57-
input#自動收起控制面板 type="checkbox" onchange="設置.同調(this)":
58-
div.option:
59-
span.小塊:
60-
總體音量:
61-
小聲
62-
input#總體音量 type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)":
63-
大聲(沒用)
33+
div.option:
34+
span.小塊:
35+
全屏幕
36+
a.hicon href='javascript:山彥.切換全屏();':
37+
<i class="fa fa-arrows-alt"></i>
38+
div.option:
39+
span.小塊:
40+
文字速度
41+
須臾
42+
input#文字速度 type="range" min="0" max="100" onchange="設置.同調(this)":
43+
永恆
44+
div.option:
45+
span.小塊:
46+
自動模式速度
47+
哪有自動模式……
48+
div.option:
49+
span.小塊:
50+
對話框背景透明度
51+
通透
52+
input#對話框背景透明度 type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)":
53+
固實
54+
div.option:
55+
span.小塊:
56+
自動收起控制面板
57+
input#自動收起控制面板 type="checkbox" onchange="設置.同調(this)":
58+
div.option:
59+
span.小塊:
60+
總體音量:
61+
小聲
62+
input#總體音量 type="range" min="0" max="1" step='0.01' onchange="設置.同調(this)":
63+
大聲(沒用)
6464

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

6868

6969
div#工具欄:
70-
div.hicon_effect_1.hicon_effect_1a:
71-
a.hicon href='javascript:山彥.存檔();':
72-
S
73-
a.hicon href='javascript:山彥.讀檔();':
74-
L
75-
a.hicon.double href='javascript:山彥.快速存檔();':
76-
qS
77-
a.hicon.double href='javascript:山彥.快速讀檔();':
78-
qL
79-
a.hicon href='javascript:alert("沒做這個功能");':
80-
A
81-
a.hicon.double href='javascript:控制.進入設置();'":
82-
co
83-
a.hicon.double href='javascript:控制.切換快進();':
84-
sk
85-
a.hicon.double href='javascript:山彥.回標題()':
86-
tl
87-
70+
a.hicon href='javascript:山彥.存檔();':
71+
<i class="fa fa-floppy-o"></i>
72+
<i class="fa fa-angle-double-down" style='text-shadow:0 0 4px #000;'></i>
73+
a.hicon href='javascript:山彥.讀檔();':
74+
<i class="fa fa-floppy-o"></i>
75+
<i class="fa fa-angle-double-up" style='text-shadow:0 0 4px #000;'></i>
76+
a.hicon href='javascript:山彥.快速存檔();':
77+
<i class="fa fa-floppy-o"></i>
78+
<i class="fa fa-angle-double-down" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
79+
a.hicon href='javascript:山彥.快速讀檔();':
80+
<i class="fa fa-floppy-o"></i>
81+
<i class="fa fa-angle-double-up" style='color:#fd1; text-shadow:0 0 4px #000;'></i>
82+
a.hicon href='javascript:alert("沒做這個功能");':
83+
<i class="fa fa-forward"></i>
84+
a.hicon href='javascript:控制.切換快進();':
85+
<i class="fa fa-fast-forward"></i>
86+
a.hicon href='javascript:控制.進入設置();'":
87+
<i class="fa fa-gear"></i>
88+
a.hicon href='javascript:山彥.回標題();':
89+
<i class="fa fa-mail-reply"></i>
8890

8991
div#adv畫面:
9092
div#覆蓋:

0 commit comments

Comments
 (0)