forked from codethereforam/ChaZD-thinkam
-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
91 lines (87 loc) · 4.22 KB
/
popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Youdao Dictionary</title>
<link rel="stylesheet" type="text/css" href="public/css/style.min.css">
</head>
<body>
<div class="input-container">
<input id="query-word" type="text" name="" placeholder="" value="" class="input-area">
<button id="search" class="query-button"></button>
</div>
<div id="query-result" class="result-container unshow"></div>
<div class="tips-container unshow" id="tips">
<p>
Tips: 你可以通过“Ctrl+Shift+F”快速启动词典，
也可以在<span id="key-set" class="link">这里</span>自定义快捷键哦:)
</p>
<p>
Tips 2: 如出现无法查词的问题，请在设置中关闭使用 HTTPS 接口
</p>
<div id="turn-off-tips">不再显示Tips</div>
</div>
<div class="setting-block" id="settings">
<div class="top-menu">
<input type="checkbox" name="linkQuery" id="linkQuery"><label for="linkQuery">使用 shift 辅助链接划词</label>
<a href="#" title="如果想对某个链接上的单词进行划词，为避免无法取词的问题，可以按住shift键，此时链接会变成可取词的状态，这样就可以轻松划词查词啦:)" class="link-query help">(鼠标悬停查看说明)</a>
</div>
<div class="top-menu">
<input type="checkbox" name="useHttps" id="useHttps"><label for="useHttps">开启 HTTPS 接口</label>
<a href="#" title="如果出现无法查词的问题，建议关闭此选项" class="link-query help">(说明)</a>
</div>
<hr class="carved">
<div class="top-menu">
<input type="radio" name="selectMode" id="noSelect"><label for="noSelect">关闭划词翻译功能</label>
</div>
<div class="top-menu">
<input type="radio" name="selectMode" id="mouseSelect"><label for="mouseSelect">始终开启划词翻译</label>
</div>
<div class="top-menu">
<input type="radio" name="selectMode" id="useCtrl"><label for="useCtrl">使用“
<select id="toggle-key">
<option value="ctrl" id="ctrl-option">Ctrl</option>
<option value="alt">Alt</option>
<option value="shift">Shift</option>
</select>
+ 划词”触发翻译功能</label>
</div>
<hr class="carved">
<div class="top-menu">
<input type="checkbox" name="autoAudio" id="autoAudio"><label for="autoAudio">划词后自动发音</label>
</div>
<div class="top-menu">
<span class="sub-title">默认发音 --</span>
<input type="radio" name="defaultVoice" id="defaultUk" class="sub-button"><label for="defaultUk" class="sub-label">英音</label>
<input type="radio" name="defaultVoice" id="defaultUs" class="sub-button"><label for="defaultUs" class="sub-label">美音</label>
</div>
<hr class="carved">
<div class="sub-menu">
<input type="radio" name="showPosition" value="side" id="showPositionSide"><label for="showPositionSide">翻译结果显示在浏览器边缘</label>
</div>
<div class="sub-menu">
<input type="radio" name="showPosition" value="near" id="showPositionNear"><label for="showPositionNear">翻译结果显示在单词附近</label>
</div>
<div>
<input type="text" placeholder="应用ID" id="userkey">
<input type="text" placeholder="应用密钥" id="userkeyfrom">
</div>
<div class="sub-menu">
<input type="checkbox" name="autoHide" id="autoHide"><label for="showDuration"><b id="currentDuration"></b>秒后隐藏结果</label>
<input type="range" name="showDuration" min="3" max="8" id="showDuration">
</div>
</div>
<footer>
<div class="setting-button link" id="setting-button" title="设置"></div>
Powered By <img src="http://www.youdao.com/help/fanyiapi/brand/002.gif" alt="有道翻译">
<div class="contact-info">
<span id="score" class="link" title="亲，给个好评吧:)"></span>
<span id="email" class="link" title="如有问题可以发邮件"></span>
<span id="issue" class="link" title="在Github上提出问题或建议"></span>
<span id="source" class="link" title="源码在这里，欢迎Fork"></span>
</div>
</footer>
<script src="public/js/utility.min.js"></script>
<script src="public/js/popup.min.js"></script>
</body>
</html>