+
v1.1.0 增加最小化功能,图标美化
+ -新增最小化窗口功能
+ -图标部分美化
+ -开始、搜索按钮点击动画美化
+ -修复计算器 "𝑥²" 键无效的问题
+ -修复窗口打开并最大化后最小化不正常的问题
+ -修复多次打开应用任务栏显示错误的问题
+ -简化js关于拖动窗口的代码
+ v1.0.1 Bug和一些错别字
上传了才发现有 Bug 😅
diff --git a/desktop.js b/desktop.js
index fcd46c1..c9184b8 100644
--- a/desktop.js
+++ b/desktop.js
@@ -1,13 +1,16 @@
function showwin(name) {
+ if ($('#taskbar>.' + name).length != 0) return;
$('.window.' + name).addClass('show-begin');
$('#taskbar').attr('count', Number($('#taskbar').attr('count')) + 1)
- $('#taskbar').html($('#taskbar').html() + '
');
+ $('#taskbar').html(`${$('#taskbar').html()}
`);
if ($('#taskbar').attr('count') == '1') $('#taskbar').show();
setTimeout(() => { $('.window.' + name).addClass('show'); }, 0);
setTimeout(() => { $('.window.' + name).addClass('notrans'); }, 200);
+ $('.window.' + name).attr('style', `top: 10%;left: 15%;`);
}
function hidewin(name) {
$('.window.' + name).removeClass('notrans');
+ $('.window.' + name).removeClass('max');
$('.window.' + name).removeClass('show');
$('#taskbar').attr('count', Number($('#taskbar').attr('count')) - 1)
$('#taskbar>.' + name).remove();
@@ -17,75 +20,60 @@ function hidewin(name) {
function maxwin(name) {
if ($('.window.' + name).hasClass('max')) {
$('.window.' + name).removeClass('max');
- setTimeout(() => { $('.window.' + name).addClass('notrans'); }, 200);
$('.window.' + name + '>.titbar>div>.wbtg.max').html('
');
+ setTimeout(() => { $('.window.' + name).addClass('notrans'); }, 200);
+ $('.window.' + name).attr('style', `top: 10%;left: 15%;`);
} else {
$('.window.' + name).removeClass('notrans');
$('.window.' + name).addClass('max');
$('.window.' + name + '>.titbar>div>.wbtg.max').html('
')
}
}
-function showdropdown(dropid, type1, pos1, type2, pos2) {
- var dd = document.getElementById(dropid);
- dd.style.setProperty(type1, pos1 + "px", "important");
- dd.style.setProperty(type2, pos2 + "px", "important");
- if (dd.style.display != "block") {
- dd.style.setProperty("display", "block", "important");
- } else
- dd.style.setProperty("display", "none", "important");
+function minwin(name) {
+ if ($('.window.' + name).hasClass('min')) {
+ $('.window.' + name).addClass('show-begin');
+ setTimeout(() => {
+ $('#taskbar>.' + name).removeClass('min');
+ $('.window.' + name).removeClass('min');
+ $('.window.' + name).addClass('show');
+ if ($('.window.' + name).hasClass('min-max')) $('.window.' + name).addClass('max');
+ $('.window.' + name).removeClass('min-max');
+ }, 0);
+ setTimeout(() => {
+ if (!$('.window.' + name).hasClass('max')) $('.window.' + name).addClass('notrans');
+ }, 200);
+ } else {
+ if ($('.window.' + name).hasClass('max')) $('.window.' + name).addClass('min-max');
+ $('.window.' + name).removeClass('max');
+ $('#taskbar>.' + name).addClass('min');
+ $('.window.' + name).addClass('min');
+ $('.window.' + name).removeClass('notrans');
+ $('.window.' + name).removeClass('show');
+ setTimeout(() => { $('.window.' + name).removeClass('show-begin'); }, 200);
+ }
}
-const main = document.getElementsByTagName('html')[0];
-const setting_tit = document.querySelector('.window.setting>.titbar');
-const setting_win = document.querySelector('.window.setting');
+function hide_startmenu(params) {
+ $('#start-menu').removeClass('show');
+ $('#start-btn').removeClass('show');
+ setTimeout(() => { $('#start-menu').removeClass('show-begin'); }, 200);
+}
+const page = document.getElementsByTagName('html')[0];
+const titbars = document.querySelectorAll('.window>.titbar');
+const wins = document.querySelectorAll('.window');
let deltaLeft = 0, deltaTop = 0;
-function setting_move(e) {
- setting_win.setAttribute('style', `left:${e.clientX - deltaLeft}px;top:${e.clientY - deltaTop}px`)
+for (let i = 0; i < wins.length; i++) {
+ const win = wins[i];
+ const titbar = titbars[i];
+ function win_move(e) {
+ win.setAttribute('style', `left:${e.clientX - deltaLeft}px;top:${e.clientY - deltaTop}px`)
+ }
+ titbar.addEventListener('mousedown', (e) => {
+ deltaLeft = e.clientX - win.offsetLeft;
+ deltaTop = e.clientY - win.offsetTop;
+ page.addEventListener('mousemove', win_move);
+ })
+ page.addEventListener('mouseup', () => {
+ page.removeEventListener('mousemove', win_move);
+ })
}
-setting_tit.addEventListener('mousedown', function (e) {
- deltaLeft = e.clientX - setting_win.offsetLeft;
- deltaTop = e.clientY - setting_win.offsetTop;
- main.addEventListener('mousemove', setting_move)
-})
-main.addEventListener('mouseup', function (e) {
- main.removeEventListener('mousemove', setting_move);
-})
-const explorer_tit = document.querySelector('.window.explorer>.titbar');
-const explorer_win = document.querySelector('.window.explorer');
-function explorer_move(e) {
- explorer_win.setAttribute('style', `left:${e.clientX - deltaLeft}px;top:${e.clientY - deltaTop}px`)
-}
-explorer_tit.addEventListener('mousedown', function (e) {
- deltaLeft = e.clientX - explorer_win.offsetLeft;
- deltaTop = e.clientY - explorer_win.offsetTop;
- main.addEventListener('mousemove', explorer_move)
-})
-main.addEventListener('mouseup', function (e) {
- main.removeEventListener('mousemove', explorer_move);
-})
-const calc_tit = document.querySelector('.window.calc>.titbar');
-const calc_win = document.querySelector('.window.calc');
-function calc_move(e) {
- calc_win.setAttribute('style', `left:${e.clientX - deltaLeft}px;top:${e.clientY - deltaTop}px`)
-}
-calc_tit.addEventListener('mousedown', function (e) {
- deltaLeft = e.clientX - calc_win.offsetLeft;
- deltaTop = e.clientY - calc_win.offsetTop;
- main.addEventListener('mousemove', calc_move)
-})
-main.addEventListener('mouseup', function (e) {
- main.removeEventListener('mousemove', calc_move);
-})
-const about_tit = document.querySelector('.window.about>.titbar');
-const about_win = document.querySelector('.window.about');
-function about_move(e) {
- about_win.setAttribute('style', `left:${e.clientX - deltaLeft}px;top:${e.clientY - deltaTop}px`)
-}
-about_tit.addEventListener('mousedown', function (e) {
- deltaLeft = e.clientX - about_win.offsetLeft;
- deltaTop = e.clientY - about_win.offsetTop;
- main.addEventListener('mousemove', about_move)
-})
-main.addEventListener('mouseup', function (e) {
- main.removeEventListener('mousemove', about_move);
-})
showwin('about');
\ No newline at end of file
系统
蓝牙和其他设备
网络和 Internet
个性化
应用
账户
时间和语言
游戏
辅助功能
隐私和安全性
Windows 更新
系统
+ 
蓝牙和其他设备
网络和 Internet
个性化
应用
账户
时间和语言
游戏
辅助功能
隐私和安全性
Windows 更新
快速访问
- 
OneDrive
- 
此电脑
- 
回收站
- 
快速访问
OneDrive
此电脑
回收站
新建
排序方式
布局
新建
排序方式
布局
设备和驱动器
设备和驱动器
+ 
简介
更新记录