@@ -270,18 +286,22 @@
$('#win-about>.about').removeClass('show');$('#win-about>.update').addClass('show');
$('#win-about>.update>div>details:first-child').attr('open','open')">详细信息 >
-
-
-
Windows13 即将发布，官方透露: 将自带 Macos 子系统
- 详细信息 > +
+
Windows13 即将发布，官方透露: 将自带 Macos 子系统
+ 详细信息 >Windows11 将于下周停止支持
详细信息 >
-
2029年,微软终重拾Cortana 微软员工透露:将与Siri整合
+
+
+ 2029年,微软终重拾Cortana 微软员工透露:将与Siri整合
详细信息 >
+
- 微软发布 Windows Subsystem for MocOS
+ 详细信息 > +
+
@@ -316,7 +336,7 @@
想给新闻增加更多奇思妙想?
快在github上来提交吧
+ onclick="if($(this).hasClass('show')){$(this).removeClass('show')}else{$(this).addClass('show')};" win12_title="点击展开详细">
Windows 12 网页版 谭景元原创
- Windows 12 网页版是一个开放源项目,
希望让用户在网络上预先体验 Windows 12,
@@ -437,7 +457,7 @@
这也不是 Windows365 cloud PC
本项目中微软、Windows和其他示范产品是微软公司的商标
+
@@ -462,8 +482,8 @@
-
- 
+
@@ -913,29 +952,28 @@
+
+
此电脑
@@ -483,9 +503,12 @@
+
-
+
-
+
@@ -890,11 +928,12 @@
编辑
格式
-
+
设置
@@ -573,22 +596,22 @@
-
@@ -728,9 +751,9 @@
简介
Windows 12 网页版是一个开源项目, 由谭景元原创, 使用 Html,css,js , 在网络上模拟、创新操作系统
-此项目已发布至 Github, 点击此处查看
-若您对于该项目有任何意见或建议，请在 Github 上提交 issues, 您的问题会被尽可能快地解决
-原创作者谭景元，点击以了解详细
+此项目已发布至 Github, 点击此处查看
+若您对于该项目有任何意见或建议，请在 Github 上提交 issues, 您的问题会被尽可能快地解决
+原创作者谭景元，点击以了解详细
开源说明
由于这是一个开源项目，你可以在任何媒介以任何形式复制、发行本作品。
你还可以对该项目进行修改、转换或以本作品为基础进行创作。
@@ -744,6 +767,21 @@更新记录
+
- 更多
+ 更多
v4.3.0 其实我想发布成5.0版的
+ 欢迎(尽量在issues中,当然也可以在下面版本中链接里)提出问题和建议
+ -搜索菜单重新设计
+ -列表悬停立体效果(全局,深色模式可能会明显一点,灵感源于win11,大家可以帮忙找一个浅色模式的边框颜色)
+ -新增鼠标悬停提示框(全局)
+ -记事本全新设计与功能(向Word努力)
+ -计算器新样式
+ -新增多开亚克力设置
+ -关于应用更新记录动画
+ -文件资源管理器的新动画
+ -桌面图标点击效果
+ -修复设置的小竖条位置问题
+ -新新闻
+ -细节优化和修复
v4.2.0 外观整改
参与小调查，帮助改进项目
-新的计算器外观
@@ -867,7 +905,7 @@
+
另存为
Type here...
+
@@ -913,29 +952,28 @@
-
Arial
- Arial Black
- "Book Antiqua"
- Charcoal
- "Comic Sans MS"
+ Book Antiqua
+ Cascadia Code
+ Comic Sans MS
Consolas
Courier
- "Courier New"
cursive
Geneva
Georgia
- Helvetica
- "Lucida Console"
- "Lucida Grande"
- "Lucida Sans Unicode"
+ Ink Free
+ Lucida Console
+ Microsoft YaHei UI
Monaco
monospace
- Palatino
- "Palatino Linotype"
- sans-serif
+ Palatino Linotype
serif
Tahoma
- "Trebuchet MS"
- Verdana
+ 仿宋
+ 方正舒体
+ 华文行楷
+ 楷体
+ 宋体
+ 幼圆
diff --git a/desktop.js b/desktop.js
index 005a276..c1a140f 100644
--- a/desktop.js
+++ b/desktop.js
@@ -1,14 +1,14 @@
// 列表点击 + 边框发光
-document.querySelectorAll(`#s-m-l>list>a,#win-setting>.menu>list>a`).forEach(la => {
- la.addEventListener('mousemove', e => {
- x = e.clientX - $(la).offset()['left'];
- y = e.clientY - $(la).offset()['top'];
- $(la).css('cssText', `background:radial-gradient(circle at ${x}px ${y}px,var(--hover) 20px, #00000000) center;background-size:110% 100%;border-image:radial-gradient(circle at ${x}px ${y}px,var(--hover) 20px, #00000000 40px) 2;`)
- });
- la.addEventListener('mouseout', () => {
- $(la).css('cssText', `background-image:radial-gradient(#00000000,#00000000),radial-gradient(#00000000,#00000000);`)
- });
-});
+// document.querySelectorAll(`#s-m-l>list>a,#win-setting>.menu>list>a`).forEach(la => {
+// la.addEventListener('mousemove', e => {
+// x = e.clientX - $(la).offset()['left'];
+// y = e.clientY - $(la).offset()['top'];
+// $(la).css('cssText', `background:radial-gradient(circle at ${x}px ${y}px,var(--hover) 20px, #00000000) center;background-size:110% 100%;border-image:radial-gradient(circle at ${x}px ${y}px,var(--hover) 20px, #00000000 40px) 2;`)
+// });
+// la.addEventListener('mouseout', () => {
+// $(la).css('cssText', `background-image:radial-gradient(#00000000,#00000000),radial-gradient(#00000000,#00000000);`)
+// });
+// });
document.querySelectorAll(`list.focs`).forEach(li => {
// li.querySelectorAll(`a`).forEach(la => {
@@ -19,14 +19,15 @@ document.querySelectorAll(`list.focs`).forEach(li => {
// $(_).css('left',la.offsetLeft-li.offsetLeft);
// });
// });
- li.addEventListener('click',e=>{
- let _=li.querySelector('span.focs'),la=li.querySelector('a.check');
+ li.addEventListener('click', e => {
+ let _ = li.querySelector('span.focs'), la = li.querySelector('a.check'),
+ las = li.querySelectorAll('a');
$(_).addClass('cl');
- $(_).css('top',la.offsetTop-li.offsetTop-li.offsetHeight);
- $(_).css('left',la.offsetLeft-li.offsetLeft);
+ $(_).css('top', la.offsetTop - las[las.length - 1].offsetTop);
+ $(_).css('left', la.offsetLeft - li.offsetLeft);
setTimeout(() => {
$(_).removeClass('cl');
- }, 200);
+ }, 500);
})
});
// 禁止拖拽图片
@@ -75,8 +76,8 @@ let cms = {
'desktop': [
[' 刷新', `$('#desktop').css('opacity','0');setTimeout(()=>{$('#desktop').css('opacity','1');},100);`],
[' 切换主题', 'toggletheme()'],
- ` 在 Github 中查看此项目`,
- ` 发送反馈`,
+ ` 在 Github 中查看此项目`,
+ ` 发送反馈`,
[' 关于 Win12 网页版', `$('#win-about>.about').addClass('show');$('#win-about>.update').removeClass('show');openapp('about');if($('.window.about').hasClass('min'))minwin('about');`],
],
'winx': [
@@ -120,7 +121,7 @@ let cms = {
}
},
[' 更多信息', `$('#win-about>.about').addClass('show');$('#win-about>.update').removeClass('show');
- openapp('about');if($('.window.about').hasClass('min'))minwin('about');`]
+ openapp('about');if($('.window.about').hasClass('min'))minwin('about');$('.dock.about').removeClass('show')`]
],
'msgupdate': [
[' 查看详细', `openapp('about');if($('.window.about').hasClass('min'))
@@ -229,7 +230,16 @@ dps = {
[' 重做 Ctrl+Y ', 'document.execCommand(\'redo\')'],
],
'notepad.view': [
- [' 字体 ', 'hidedp(true);showwin(\'notepad-fonts\');resetfonts();']
+ [' 插入正常字块', 'hidedp(true);$(\'#win-notepad>.text-box\')[0].innerHTML+=\'S\''],
+ [' 插入斜体字', 'hidedp(true);$(\'#win-notepad>.text-box\')[0].innerHTML+=\'I\''],
+ [' 插入加粗字', 'hidedp(true);$(\'#win-notepad>.text-box\')[0].innerHTML+=\'B\''],
+ '
', + [' 字体', 'hidedp(true);showwin(\'notepad-fonts\');resetfonts();'], ] } let dpt = null, isOnDp = false; @@ -291,10 +301,45 @@ function hidedp(force = false) { }, 200); }, 100); } + +// 悬停提示 +document.querySelectorAll('*[win12_title]:not(.notip)').forEach(a => { + a.addEventListener('mouseenter', showdescp); + a.addEventListener('mouseleave', hidedescp); +}) +function showdescp(e) { + $(e.target).attr('data-descp', 'waiting'); + setTimeout(() => { + if ($(e.target).attr('data-descp') == 'hide') { + return; + } + $(e.target).attr('data-descp', 'show'); + $('#descp').css('left', e.clientX + 15); + $('#descp').css('top', e.clientY + 20); + $('#descp').text($(e.target).attr('win12_title')); + $('#descp').addClass('show-begin'); + setTimeout(() => { + if (e.clientY + $('#descp')[0].offsetHeight + 20 >= $('html')[0].offsetHeight) { + $('#descp').css('top', e.clientY - $('#descp')[0].offsetHeight - 10); + } + if (e.clientX + $('#descp')[0].offsetWidth + 15 >= $('html')[0].offsetWidth) { + $('#descp').css('left', e.clientX - $('#descp')[0].offsetWidth - 10); + } + $('#descp').addClass('show'); + }, 100); + }, 500); +} +function hidedescp(e) { + $('#descp').removeClass('show'); + $(e.target).attr('data-descp', 'hide'); + setTimeout(() => { + $('#descp').removeClass('show-begin'); + }, 100); +} // 应用 let apps = { setting: { - init: () => { + init: () => { $('#win-setting>.menu>list>a.system')[0].click(); // let _=$('#win-setting>.menu>list>span.focs'), // la=$('#win-setting>.menu>list>a.system')[0], @@ -304,12 +349,12 @@ let apps = { // _.css('top',la.offsetTop-li.offsetTop-li.offsetHeight); // _.css('left',la.offsetLeft-li.offsetLeft); }, - page:(name)=>{ - $('#win-setting>.page>.cnt.'+name).scrollTop(0); + page: (name) => { + $('#win-setting>.page>.cnt.' + name).scrollTop(0); $('#win-setting>.page>.cnt.show').removeClass('show'); - $('#win-setting>.page>.cnt.'+name).addClass('show'); + $('#win-setting>.page>.cnt.' + name).addClass('show'); $('#win-setting>.menu>list>a.check').removeClass('check'); - $('#win-setting>.menu>list>a.'+name).addClass('check'); + $('#win-setting>.menu>list>a.' + name).addClass('check'); } }, explorer: { @@ -320,9 +365,10 @@ let apps = { $('#win-explorer>.main>.content>.view')[0].innerHTML = `
T
\''], + [' 插入主标题', 'hidedp(true);$(\'#win-notepad>.text-box\')[0].innerHTML+=\'H1
\''], + [' 插入次标题', 'hidedp(true);$(\'#win-notepad>.text-box\')[0].innerHTML+=\'H2
\''], + [' 插入副标题', 'hidedp(true);$(\'#win-notepad>.text-box\')[0].innerHTML+=\'H3
\''], + [' 插入下划线', 'hidedp(true);$(\'#win-notepad>.text-box\')[0].innerHTML+=\'U\''], + [' 插入删除线', 'hidedp(true);$(\'#win-notepad>.text-box\')[0].innerHTML+=\'', + [' 字体', 'hidedp(true);showwin(\'notepad-fonts\');resetfonts();'], ] } let dpt = null, isOnDp = false; @@ -291,10 +301,45 @@ function hidedp(force = false) { }, 200); }, 100); } + +// 悬停提示 +document.querySelectorAll('*[win12_title]:not(.notip)').forEach(a => { + a.addEventListener('mouseenter', showdescp); + a.addEventListener('mouseleave', hidedescp); +}) +function showdescp(e) { + $(e.target).attr('data-descp', 'waiting'); + setTimeout(() => { + if ($(e.target).attr('data-descp') == 'hide') { + return; + } + $(e.target).attr('data-descp', 'show'); + $('#descp').css('left', e.clientX + 15); + $('#descp').css('top', e.clientY + 20); + $('#descp').text($(e.target).attr('win12_title')); + $('#descp').addClass('show-begin'); + setTimeout(() => { + if (e.clientY + $('#descp')[0].offsetHeight + 20 >= $('html')[0].offsetHeight) { + $('#descp').css('top', e.clientY - $('#descp')[0].offsetHeight - 10); + } + if (e.clientX + $('#descp')[0].offsetWidth + 15 >= $('html')[0].offsetWidth) { + $('#descp').css('left', e.clientX - $('#descp')[0].offsetWidth - 10); + } + $('#descp').addClass('show'); + }, 100); + }, 500); +} +function hidedescp(e) { + $('#descp').removeClass('show'); + $(e.target).attr('data-descp', 'hide'); + setTimeout(() => { + $('#descp').removeClass('show-begin'); + }, 100); +} // 应用 let apps = { setting: { - init: () => { + init: () => { $('#win-setting>.menu>list>a.system')[0].click(); // let _=$('#win-setting>.menu>list>span.focs'), // la=$('#win-setting>.menu>list>a.system')[0], @@ -304,12 +349,12 @@ let apps = { // _.css('top',la.offsetTop-li.offsetTop-li.offsetHeight); // _.css('left',la.offsetLeft-li.offsetLeft); }, - page:(name)=>{ - $('#win-setting>.page>.cnt.'+name).scrollTop(0); + page: (name) => { + $('#win-setting>.page>.cnt.' + name).scrollTop(0); $('#win-setting>.page>.cnt.show').removeClass('show'); - $('#win-setting>.page>.cnt.'+name).addClass('show'); + $('#win-setting>.page>.cnt.' + name).addClass('show'); $('#win-setting>.menu>list>a.check').removeClass('check'); - $('#win-setting>.menu>list>a.'+name).addClass('check'); + $('#win-setting>.menu>list>a.' + name).addClass('check'); } }, explorer: { @@ -320,9 +365,10 @@ let apps = { $('#win-explorer>.main>.content>.view')[0].innerHTML = `