模仿桌面操作系统UI交互桌面效果
代码语言：html
所属分类：布局界面
代码描述：模仿桌面操作系统UI交互桌面效果
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
html{
overflow-x: hidden;
overflow-y: hidden;
}
#div_StatusBar{
width:1536px;
height:40px;
background-color:rgba(231, 234, 237,0.95);
position: fixed;
bottom: 0px;
}
#div_windows,#div_cortana,#div_TaskView{
float: left;
width: 48px;
height:40px;
text-align: center;
line-height: 40px;
}
.icon-quan{
width:1.2em;
height:1.2em;
}
#div_input1{
float: left;
height: 40px;
width: 343px;
background-color:#FFFFFF;
border: 0.5px solid #B4B4B4;
border-top:1px solid #FFFFFF;
}
#div_input1:hover{
border: 2px solid #b4b4b4;
width: 341px;
}
#div_input2{
float: left;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
}
.icon-ss{
width: 1.1em;
height: 1.1em;
}
#div_input3{
float: left;
width:301px;
height:40px;
}
#div_input3 input{
width:280px;
height:40px;
border:0;
outline: none;
font-size: 16px;
color: #562d2d;
}
::-webkit-input-placeholder {
color: #562d2d;
}
::selection {
background:#272822;
color:#fff;
}
::-moz-selection {
background:#272822;
color:#fff;
}
::-webkit-selection {
background:#272822;
color:#fff;
}
#div_inform{
float: right;
width: 48px;
height:40px;
text-align: center;
line-height: 40px;
border-right: 0.5px solid #B4B4B4;
margin-right: 4px;
}
#div_time{
float: right;
width: 75px;
height:40px;
}
#div_h-mi,#div_y-m-d{
width: 75px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 12px;
cursor: default;
}
#div_pin{
float: right;
width: 36px;
height: 40px;
}
#div_pin-font{
width: 15px;
height: 15px;
background-color: #FFFFFF;
margin: 0 auto;
margin-top: 12.5px;
border: 0.5px solid black;
text-align: center;
font-size:13px;
cursor: default;
}
#div_zhong{
width: 22px;
height: 40px;
float: right;
font-size: 15px;
text-align: center;
line-height: 40px;
font-family: "微软雅黑";
font-weight: 500;
cursor: default;
}
#div_electricity,#div_network,#div_volume,#div_AccordingTo{
float: right;
width: 23px;
height: 40px;
text-align: center;
line-height: 48px;
margin-right: 1PX;
}
#div_windows,
#div_cortana,
#div_TaskView,
#div_inform,
#div_time,
#div_pin,
#div_zhong,
#div_electricity,
#div_network,
#div_volume,
#div_AccordingTo{
filter:alpha(Opacity=100);
-moz-opacity:1;opacity: 1;
}
#div_windows:hover,
#div_cortana:hover,
#div_TaskView:hover,
#div_inform:hover,
#div_time:hover,
#div_pin:hover,
#div_zhong:hover,
#div_electricity:hover,
#div_network:hover,
#div_volume:hover,
#div_AccordingTo:hover{
filter:alpha(Opacity=60);
-moz-opacity:0.6;opacity:0.6;
background-color:rgba(255, 255, 255,0.95);
}
#div_TheScreen{
width: 1536px;
height: 824px;
background-image:url(http://repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png);
-moz-background-size:100% 100%;
background-size:100% 100%;
position: relative;
}
.icon_computer{
width: 2.5em;
height:2.5em;
}
.div_computer{
width: 70px;
height: 80px;
text-align: center;
line-height: 35px;
position: absolute;
left: 20px;
top: 10px;
border-radius: 10px;
}
.div_TheRecycleBin{
width: 70px;
height: 80px;
text-align: center;
line-height: 35px;
position: absolute;
left: 20px;
top: 125px;
border-radius: 10px;
}
.div_ControlPanel{
width: 70px;
height: 80px;
text-align: center;
line-height: 35px;
position: absolute;
left: 20px;
top: 250px;
border-radius: 10px;
}
.div_browser{
width: 70px;
height: 80px;
text-align: center;
line-height: 35px;
position: absolute;
left: 20px;
top: 375px;
border-radius: 10px;
}
#span_computer{
font-size: 13px;
color: #FFFFFF;
}
.div_computer:hover,
.div_TheRecycleBin:hover,
.div_ControlPanel:hover,
.div_browser:hover{
background-color:rgba(255, 255, 255,0.15);
border: 1px solid #FFFFFF;
cursor: default;
}
#menu{
width:180px;
height: 175px;
overflow: hidden;
box-shadow: 0 1px 1px #888,1px 0 1px #ccc;
position: absolute;
display: none;
background-color:#f0f0f0;
border-radius: 3px;
}
.menu{
width: 160px;
height: 29.1px;
line-height: 29.1px;
padding-left: 30px;
}
.menu_AccordingTo,.menu_AccordingTo2{
width: 150px;
height: 29.1px;
line-height: 29.1px;
padding-left: 30px;
position: relative;
}
.menu:hover,
.menu_AccordingTo:hover,
.menu_AccordingTo2:hover{
background-color: rgba(60, 201, 204,0.35);
cursor: default;
border: 0.1px solid #999999;
}
.icon-xShig{
width: 0.9em;
height: 0.9em;
position: absolute;
top: 8px;
left:0;
}
#div_suspension{
width: 400px;
height: 530px;
background-color:rgba(0,0,0,0.3);
position: absolute;
margin-top: 85px;
border-radius: 10px 0 0 10px;
margin-left: 1500px;
}
#div_suspension:hover{
margin-left: 1136px;
transition: margin-left 1.5s ;
-webkit-transition: margin-left 1.5s;
}
#div_suspension1{
float: left;
width: 36px;
height: 530px;
border-radius: 10px 0 0 10px;
background-color:rgba(255,255,255,0.5);
text-align: center;
line-height: 530px;
cursor: pointer;
}
.icon-suspension{
width: 1.5em;
height: 1.5em;
}
#div_suspension2{
float: left;
width: 364px;
height: 530px;
overflow: scroll;
overflow-x: hidden;
position: relative;
}
#div_SuspensionTime{
width: 364px;
height:60px;
margin-top: 30px;
border-bottom: 2px solid #FFFFFF;
font-size: 35px;
color: #FFFFFF;
text-align: center;
line-height: 60px;
}
#div_NoticeItem1,#div_NoticeItem2,#div_NoticeItem3,#div_NoticeItem4,#div_NoticeItem5,#div_NoticeItem6{
width: 300px;
height: 110px;
margin: 0 auto;
background-color: rgba(255, 255, 255,0.9);
margin-top: 20px;
cursor: pointer;
position: relative;
border-radius: 5px;
}
#div_NoticeItem1:hover,#div_NoticeItem2:hover,#div_NoticeItem3:hover,#div_NoticeItem4:hover,#div_NoticeItem5:hover,#div_NoticeItem6:hover{
width: 320px;
height: 110px;
margin: 0 auto;
margin-top: 20px;
}
#div_close1,#div_close2,#div_close3,#div_close4,#div_close5,#div_close6{
width: 15px;
height: 15px;
float: right;
background-color: #FFFFFF;
text-align: center;
line-height: 13px;
color:#3cc9cc;
font-size: 16px;
font-weight: 700;
border-radius: 50%;
cursor: pointer;
}
#div_close1:hover,#div_close2:hover,#div_close3:hover,#div_close4:hover,#div_close5:hover,#div_close6:hover{
animation:rot_test 0.6s linear;
}
@keyframes rot_test{
0%{
transform:rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
#divNoticeItem-wenzi{
width: 300px;
height: 95px;
position: absolute;
top: 15px;
}
#divNoticeItem-wenzi:hover{
width: 320px;
}
.icon-wen-ic{
width: 2em;
height: 2em;
margin-left: 65px;
position: absolute;
}
#icon-wenzi1{
position: absolute;
font-size: 20px;
font-weight: 600;
margin-left: 100px;
}
#icon-wenzi2{
position: absolute;
font-size: 16px;
margin-top: 30px;
}
#div_remove{
position: fixed;
width: 347px;
height: 25px;
background-color:#999999;
margin-left:36px ;
margin-top: 505px;
z-index: 1;
}
#div_remove span{
font-size: 13px;
color: #FFFFFF;
cursor: pointer;
float: right;
line-height: 25px;
}
#div_remove span:hover{
color: #3cc9cc;
font-weight: 600;
}
</style>
</head>
<body onselectstart="return false;">
<!--屏幕-->
<div id="div_TheScreen">
<div class="div_computer" id="cTab1">
<svg t="1588489042944" class="icon_computer" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7255" width="200" height="200"><path d="M976 812.8h-313.6V896l67.2 67.2v16H297.6v-16l67.2-67.2v-83.2H48c-28.8 0-48-22.4-48-51.2v-672c0-25.6 22.4-48 48-48h924.8c28.8 0 51.2 22.4 51.2 51.2v672c0 25.6-22.4 48-48 48zM99.232 140.832v505.696h828.896V140.832" p-id="7256" fill="#3cc9cc"></path></svg>
<br/><span id="span_computer">我的电脑</span>
</div>
<div class="div_TheRecycleBin" id="cTab2">
<svg t="1588488973063" class="icon_computer" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6889" width="200" height="200"><path d="M824.888889 984.177778H176.355556L85.333333 210.488889h841.955556l-102.4 773.688889zM227.555556 927.288889h546.133333l91.022222-659.911111H147.911111L227.555556 927.288889z" p-id="6890" fill="#3cc9cc"></path><path d="M420.977778 386.844444h56.888889v443.733334h-56.888889zM551.822222 386.844444h56.888889v443.733334h-56.888889zM34.133333 102.4h972.8v56.888889H34.133333z" p-id="6891" fill="#3cc9cc"></path><path d="M620.088889 142.222222l-39.822222-73.955555L460.8 56.888889l-56.888889 68.266667-34.133333-28.444445L438.044444 11.377778l170.666667 11.377778 51.2 96.711111z" p-id="6892" fill="#3cc9cc"></path></svg>
<br/><span id="span_computer">回收站</span>
</div>
<div class="div_ControlPanel" id="cTab3">
<svg t="1588488396545" class="icon_computer" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5166" width="200" height="200"><path d="M102.4 0h257.6384a102.4 102.4 0 0 1 102.4 102.4v389.7856a102.4 102.4 0 0 1-102.4 102.4H102.4a102.4 102.4 0 0 1-102.4-102.4V102.4a102.4 102.4 0 0 1 102.4-102.4z m561.5616 429.4144H921.6a102.4 102.4 0 0 1 102.4 102.4V921.6a102.4 102.4 0 0 1-102.4 102.4h-257.6384a102.4 102.4 0 0 1-102.4-102.4v-389.7856a102.4 102.4 0 0 1 102.4-102.4z m0-429.4144H921.6a102.4 102.4 0 0 1 102.4 102.4v191.5904a102.4 102.4 0 0 1-102.4 102.4h-257.6384a102.4 102.4 0 0 1-102.4-102.4V102.4a102.4 102.4 0 0 1 102.4-102.4zM102.4 627.6096h257.6384a102.4 102.4 0 0 1 102.4 102.4V921.6a102.4 102.4 0 0 1-102.4 102.4H102.4a102.4 102.4 0 0 1-102.4-102.4v-191.5904a102.4 102.4 0 0 1 102.4-102.4z" fill="#3cc9cc" p-id="5167"></path></svg>
<br/><span id="span_computer">控制面板</span>
</div>
<div class="div_browser" id="cTab4">
<svg t="1588488785161" class="icon_computer" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6079" width="200" height="200"><path d="M732.686336 597.59616h282.175488a457.39008 457.39008 0 0 0 3.854336-59.293696c0-77.232128-19.298304-149.942272-53.305344-213.622784 46.186496-116.764672 48.00512-215.580672-5.531648-269.113344-65.234944-65.234944-197.70368-48.285696-347.967488 31.00672a458.6496 458.6496 0 0 0-47.374336-2.449408c-215.791616 0-396.427264 150.495232-442.687488 352.251904 93.597696-110.094336 232.001536-194.551808 232.001536-194.551808-117.01248 102.639616-213.157888 257.861632-244.004864 313.114624l-5.79584 9.859072C-0.905216 736.845824-25.966592 895.455232 47.017984 968.433664c61.792256 61.7984 183.926784 49.840128 324.358144-18.989056 58.617856 27.584512 124.082176 43.034624 193.159168 43.034624 195.383296 0 361.938944-123.379712 426.0352-296.476672h-244.71552c-33.49504 49.39776-82.110464 84.20352-137.70752 94.91456 0 0-27.213824 3.49184-39.829504 3.49184-20.180992 0-38.4-4.644864-38.4-4.644864-85.211136-18.962432-153.135104-94.683136-173.645824-192.167936h376.414208zM104.3968 943.62624c-42.41408-42.420224-26.085376-134.938624 34.148352-247.517184 35.139584 94.824448 101.033984 174.692352 185.561088 227.545088-99.8912 48.367616-180.8384 58.841088-219.70944 19.972096zM945.893376 102.131712c34.072576 34.072576 30.224384 100.483072-3.821568 183.642112-50.120704-74.78272-121.870336-133.82656-206.299136-168.224768 95.471616-44.433408 172.500992-53.03296 210.120704-15.417344z m-374.145024 175.017984c104.255488 0 191.700992 83.830784 215.478272 196.810752H356.274176c23.775232-112.979968 111.222784-196.810752 215.474176-196.810752z m0 0" p-id="6080" fill="#3cc9cc"></path></svg>
<br/><span id="span_computer">浏览器</span>
</div>
<!--自定义右键菜单-->
<div id="menu">
<div class="menu" onclick="launchFullscreen(document.documentElement);"><span style="font-size: 14px;">进入全屏(Q)</span></div>
<div class="menu" onclick="exitFullscreen()(document.documentElement);"><span style="font-size: 14px;">退出全屏(T)</span></div>
<div class="menu" id="menu_refresh"><span style="font-size: 14px;">刷新(E)</span></div>
<div class="menu"><span style="font-size: 14px;">新建(W)</span></div>
<div class="menu_AccordingTo">
<svg t="1588511829195" class="icon-xShig" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2392" width="200" height="200"><path d="M512 1024C229.68 1024 0 794.29 0 512 0 229.68 229.68 0 512 0c282.29 0 512 229.68 512 512 0 282.29-229.71 512-512 512z m0-950.86C270 73.14 73.14 270 73.14 512S270 950.86 512 950.86 950.86 754 950.86 512 754 73.14 512 73.14z" fill="#3cc9cc" p-id="2393"></path><path d="M512 73.14c242.37 0 438.86 196.48 438.86 438.86S754.37 950.86 512 950.86" fill="#3cc9cc" p-id="2394"></path></svg>
<span style="font-size: 14px;">显示设置(D)</span></div>
<div class="menu_AccordingTo2">
<svg t="1588512271934" class="icon-xShig" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3200" width="200" height="200"><path d="M399.12 231.19c0-92.42-75.16-167.57-167.53-167.57-92.42 0-167.57 75.16-167.57 167.57 0 76.46 51.78 140.4 121.91 160.43l1.7 568.99h89.7V391.6c70.06-20.06 121.79-83.98 121.79-160.41zM231.59 327c-52.82 0-95.83-42.99-95.83-95.81 0-52.84 43.01-95.83 95.83-95.83s95.79 42.99 95.79 95.83c0 52.83-42.97 95.81-95.79 95.81zM838.31 632.61l-1.7-568.99h-89.7v569.02c-70.06 20.05-121.79 83.97-121.79 160.4 0 92.42 75.16 167.57 167.53 167.57 92.42 0 167.57-75.16 167.57-167.57 0-76.46-51.78-140.4-121.91-160.43z m-45.66 256.26c-52.82 0-95.79-42.99-95.79-95.83 0-52.82 42.97-95.81 95.79-95.81s95.83 42.99 95.83 95.81c0 52.85-43.01 95.83-95.83 95.83z" fill="#3cc9cc" p-id="3201"></path><path d="M637.61 621.82c3.48-3.94 6.91-7.88 10.01-12.13 2.47-3.41 4.68-6.94 6.89-10.54 3.27-5.27 6.21-10.7 8.87-16.33 1.56-3.32 3.1-6.6 4.44-10.03 2.66-6.74 4.72-13.73 6.49-20.87 0.69-2.81 1.6-5.5 2.15-8.36 1.95-10.14 3.19-20.53 3.19-31.26 0-0.06-0.02-0.11-0.02-0.18s0.02-0.11 0.02-0.17c0-10.73-1.25-21.12-3.19-31.26-0.55-2.87-1.46-5.56-2.16-8.38-1.77-7.14-3.83-14.11-6.48-20.85-1.35-3.45-2.9-6.75-4.47-10.09a164 164 0 0 0-8.83-16.24c-2.23-3.63-4.46-7.19-6.94-10.62-3.07-4.21-6.47-8.12-9.91-12.02-3.29-3.76-6.42-7.59-10.03-11.03-1.92-1.82-4.1-3.32-6.1-5.04-10.9-9.49-22.9-17.57-35.99-24.02-0.96-0.47-1.83-1.06-2.79-1.52-6.43-3.01-13.16-5.31-20-7.5-1.71-0.54-3.27-1.38-5-1.87l-1.7-287.89h-89.7v287.92c-1.78 0.51-3.4 1.37-5.16 1.94-6.73 2.17-13.35 4.42-19.68 7.39-1.26 0.59-2.4 1.36-3.65 1.98-12.65 6.32-24.28 14.14-34.86 23.31-2.12 1.82-4.44 3.41-6.47 5.34-3.57 3.41-6.66 7.21-9.92 10.92-3.48 3.94-6.91 7.88-10.01 12.13-2.47 3.41-4.68 6.94-6.89 10.54a163.92 163.92 0 0 0-8.88 16.34c-1.56 3.31-3.09 6.58-4.43 10.01-2.66 6.75-4.73 13.74-6.5 20.89-0.69 2.81-1.6 5.5-2.15 8.36-1.95 10.14-3.19 20.53-3.19 31.26 0 0.06 0.02 0.11 0.02 0.17s-0.02 0.11-0.02 0.18c0 10.73 1.25 21.12 3.19 31.26 0.55 2.87 1.46 5.56 2.16 8.37 1.77 7.14 3.83 14.11 6.48 20.85 1.35 3.45 2.89 6.74 4.46 10.07 2.66 5.61 5.58 11.01 8.83 16.25 2.23 3.63 4.46 7.19 6.95 10.63 3.07 4.2 6.45 8.1 9.9 11.99 3.29 3.76 6.43 7.6 10.05 11.05 1.92 1.82 4.1 3.32 6.1 5.04 10.88 9.47 22.86 17.54 35.92 23.98 0.99 0.48 1.88 1.1 2.88 1.56 6.42 3.01 13.13 5.29 19.96 7.48 1.71 0.55 3.29 1.39 5.02 1.88l1.7 287.89h89.7V672.7c1.79-0.51 3.41-1.37 5.18-1.94 6.72-2.16 13.33-4.42 19.66-7.38 1.28-0.59 2.43-1.38 3.68-2 12.64-6.32 24.25-14.13 34.83-23.3 2.12-1.82 4.44-3.41 6.47-5.34 3.57-3.42 6.67-7.21 9.92-10.92zM512.1 607.78c-52.76 0-95.67-42.9-95.77-95.66 0.1-52.76 43.05-95.66 95.82-95.66 52.76 0 95.67 42.9 95.77 95.66-0.11 52.76-43.06 95.66-95.82 95.66z" fill="#3cc9cc" p-id="3202"></path></svg>
<span style="font-size: 14px;">个性化(R)</span></div>
</div>
<!----悬浮窗----->
<div id="div_suspension">
<div id="div_remove">
<span id="div_remove-wenzi">清除所有通知</span>
</div>
<div id="div_suspension1">
<svg t="1588569437890" class="icon-suspension" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3555" width="200" height="200"><path d="M375.34409008 512.29855289l354.56796444-354.57403259c14.90094459-14.89123555 14.90094459-39.06188325 0-53.95433245-14.89123555-14.90094459-39.06188325-14.90094459-53.95433244 1e-8l-381.54937838 381.55180562c-14.90458548 14.89123555-14.90458548 39.06188325 0 53.95433243l381.550592 381.55059201c7.44804503 7.45168592 17.21290903 11.17874252 26.97655941 11.17874253s19.529728-3.72705659 26.97655941-11.17874253c14.90458548-14.89123555 14.90458548-39.06188325 0-53.95433244l-354.57039171-354.57524623z" p-id="3556" fill="#3cc9cc"></path></svg>
</div>
<div id="div_suspension2">
<div id="div_SuspensionTime"></div>
<div id="div_NoticeItem1">
<div id="div_close1">×</div>
<div id="divNoticeItem-wenzi">
<svg t="1588575829378" class="icon-wen-ic" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1755" width="200" height="200"><path d="M870.4 623.709091c-88.436364 134.981818-218.763636 237.381818-372.363636 302.545454-153.6-60.509091-283.927273-167.563636-372.363637-302.545454V237.381818l372.363637-144.290909 372.363636 139.636364v390.981818z m-363.054545 51.2c4.654545 0 4.654545 0 0 0l107.054545-232.727273v-4.654545s-4.654545-4.654545-4.654545 0l-88.436364 9.309091V302.545455c0-4.654545 0-4.654545-4.654546-4.654546s-4.654545 0-4.654545 4.654546l-111.709091 232.727272v4.654546s4.654545 4.654545 4.654546 0l97.745454-18.618182 4.654546 144.290909c-4.654545 4.654545-4.654545 9.309091 0 9.309091z" fill="#436BF7" p-id="1756"></path><path d="M916.945455 763.345455c-32.581818 51.2-83.781818 93.090909-139.636364 116.363636-55.854545-23.272727-107.054545-65.163636-139.636364-116.363636v-144.29091l139.636364-55.854545 139.636364 55.854545v144.29091z" fill="#38D0FD" p-id="1757"></path><path d="M684.218182 819.2c-18.618182-18.618182-32.581818-37.236364-46.545455-55.854545v-144.29091l139.636364-55.854545 93.090909 37.236364v23.272727c-51.2 74.472727-111.709091 139.636364-186.181818 195.490909z" fill="#2720FF" p-id="1758"></path></svg>
<span id="icon-wenzi1">安全中心</span>
<span id="icon-wenzi2">
自从上次摘要以来，iptables未发现任何威胁
</span>
</div>
</div>
<div id="div_NoticeItem2">
<div id="div_close2">×</div>
<div id="divNoticeItem-wenzi">
<svg t="1588479695100" class="icon-wen-ic" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2979" width="200" height="200"><path d="M800 256c35.346 0 64 28.654 64 64v64h32c35.346 0 64 28.654 64 64v128c0 35.346-28.654 64-64 64h-32v64c0 35.346-28.654 64-64 64H128c-35.346 0-64-28.654-64-64V320c0-35.346 28.654-64 64-64h672z m96 320V448h-96V320H128v384h672V576h96z" fill="#000000" p-id="2980"></path><path d="M164 356m24 0l552 0q24 0 24 24l0 264q0 24-24 24l-552 0q-24 0-24-24l0-264q0-24 24-24Z" fill="#000000" p-id="2981"></path></svg>
<span id="icon-wenzi1">电源提示</span>
<span id="icon-wenzi2">
为了提高电池寿命，请将linux电源配置更换为"节能"模式
</span>
</div>
</div>
<div id="div_NoticeItem3">
<div id="div_close3">×</div>
<div id="divNoticeItem-wenzi">
<svg t="1588577463577" class="icon-wen-ic" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6922" width="200" height="200"><path d="M329.6 500.4c-6.2 0-12.4 0.4-18.6 1.3-71.5 10.2-121.1 76.4-110.9 147.9 9.3 65.2 65.2 112.2 129.2 112.2 6.2 0 12.4-0.4 18.6-1.3 71.5-10.2 121.1-76.4 110.9-147.9-9.3-65.2-65.2-112.2-129.2-112.2z m13.9 229c-4.7 0.7-9.5 1-14.2 1-49 0-91.2-36.7-98.2-85.3-7.7-54.2 30.1-104.6 84.3-112.4 4.7-0.7 9.5-1 14.2-1 49 0 91.2 36.7 98.2 85.3 7.7 54.3-30.1 104.7-84.3 112.4zM790.4 217.9c-3.7 0-7.5 0.3-11.3 0.8-43.4 6.2-73.6 46.4-67.4 89.8 5.7 39.6 39.6 68.2 78.5 68.2 3.7 0 7.5-0.3 11.3-0.8 43.4-6.2 73.6-46.4 67.4-89.8-5.7-39.7-39.6-68.2-78.5-68.2z m38.3 108.2c-7.7 10.3-18.9 16.9-31.6 18.7-2.3 0.3-4.6 0.5-6.9 0.5-23.7 0-44.1-17.7-47.4-41.2-1.8-12.7 1.4-25.3 9.1-35.6 7.7-10.3 18.9-16.9 31.6-18.7 2.3-0.3 4.6-0.5 6.9-0.5 23.7 0 44.1 17.7 47.4 41.2 1.8 12.7-1.4 25.3-9.1 35.6z" p-id="6923" fill="#3cc9cc"></path><path d="M637.5 569.8h-58.1c-6.3-26-16.7-50.1-30-72.1l41.2-41.2c8.3-8.3 8.3-21.9 0-30.2L534.1 370c-4.2-4.2-9.6-6.3-15.1-6.3s-10.9 2.1-15.1 6.3l-41.1 41.1c-22.2-13.5-46.5-23.5-72.1-29.8v-58.2c0-11.8-9.6-21.3-21.3-21.3h-79.8c-11.8 0-21.3 9.6-21.3 21.3v58.1c-26 6.3-50.3 16.5-72.2 29.9l-41-41c-4.2-4.2-9.6-6.3-15.1-6.3s-10.9 2.1-15.1 6.3l-56.4 56.4c-8.3 8.3-8.3 21.9 0 30.2l41.1 41.1C96.1 520 86 544.4 79.7 570H21.4C9.6 570 0.1 579.6 0.1 591.3V671c0 11.8 9.6 21.3 21.3 21.3h58.1c6.3 26 16.7 50.1 30 72.1l-41.2 41.2c-8.3 8.3-8.3 21.9 0 30.2l56.4 56.4c4.2 4.2 9.6 6.3 15.1 6.3s10.9-2.1 15.1-6.3l41.1-41.1c22.2 13.5 46.5 23.5 72.1 29.8v58.2c0 11.8 9.6 21.3 21.3 21.3h79.8c11.8 0 21.3-9.6 21.3-21.3V881c26-6.3 50.3-16.5 72.2-29.9l41 41c4.2 4.2 9.6 6.3 15.1 6.3s10.9-2.1 15.1-6.3l56.4-56.4c8.3-8.3 8.3-21.9 0-30.2l-41.1-41.1c13.5-22.2 23.6-46.6 29.9-72.2h58.1c11.8 0 21.3-9.6 21.3-21.3v-79.8c0.3-11.7-9.2-21.3-21-21.3zM627.4 661h-74.1c-1.4 10.7-3.6 21.2-6.5 31.4-4.9 17.2-11.8 33.7-20.4 49.2-5.2 9.3-11.1 18.3-17.6 26.8l22.4 22.4 30 30-42.2 42.1-30-30-22.4-22.4c-8.4 6.5-17.4 12.4-26.7 17.6-15.3 8.6-31.8 15.5-49.2 20.4-9.5 2.7-19.3 4.8-29.3 6.2-0.7 0.1-1.4 0.1-2.1 0.2v74h-59.8v-74.2c-10.7-1.4-21.2-3.4-31.4-6.3-17.2-4.9-33.6-12-49-20.7-9.3-5.3-18.2-11.1-26.7-17.6L170 832.8l-30.1 30.1-42.3-42.3 30-30 22.6-22.6c-6.5-8.4-12.5-17.3-17.7-26.6-8.6-15.3-15.4-31.8-20.3-49.1-2.7-9.5-5-19.3-6.4-29.3-0.1-0.7-0.2-1.4-0.2-2.1H31.4v-59.8h74.1c1.4-10.7 3.6-21.2 6.5-31.4 4.9-17.2 11.8-33.7 20.4-49.2 5.2-9.3 11.1-18.3 17.6-26.8l-22.4-22.4-30-30 42.3-42.3 30 30 22.4 22.4c8.4-6.5 17.4-12.4 26.7-17.6 15.3-8.6 31.8-15.5 49.2-20.4 9.5-2.7 19.3-4.8 29.3-6.2 0.7-0.1 1.4-0.1 2.1-0.2v-74h59.8v74.2c10.7 1.4 21.2 3.4 31.4 6.3 17.2 4.9 33.6 12 49 20.7 9.3 5.3 18.2 11.1 26.7 17.6l22.5-22.5 30.1-30.1 42.3 42.3-30 30-22.6 22.6c6.5 8.4 12.5 17.3 17.7 26.6 8.6 15.3 15.4 31.8 20.3 49.1 2.7 9.5 5 19.3 6.4 29.3 0.1 0.7 0.2 1.4 0.2 2.1h74.1V661zM1002.7 253.8h-35c-4.5-18.4-11.8-35.6-21.3-51.1l24.8-24.8c8.3-8.3 8.3-21.9 0-30.2l-31.3-31.3c-4.2-4.2-9.6-6.3-15.1-6.3s-10.9 2.1-15.1 6.3l-24.8 24.8c-15.8-9.6-33-16.7-51.2-21.1V84.9c0-11.8-9.6-21.3-21.3-21.3h-44.2c-11.8 0-21.3 9.6-21.3 21.3v35c-18.5 4.5-35.7 11.7-51.2 21.2L671 116.4c-4.2-4.2-9.6-6.3-15.1-6.3s-10.9 2.1-15.1 6.3l-31.3 31.3c-8.3 8.3-8.3 21.9 0 30.2l24.8 24.8c-9.6 15.8-16.7 33-21.1 51.2h-35.1c-11.8 0-21.3 9.6-21.3 21.3v44.2c0 11.8 9.6 21.3 21.3 21.3h35c4.5 18.4 11.8 35.6 21.3 51.1l-24.8 24.8c-8.3 8.3-8.3 21.9 0 30.2l31.3 31.3c4.2 4.2 9.6 6.3 15.1 6.3s10.9-2.1 15.1-6.3l24.8-24.8c15.8 9.6 33 16.7 51.2 21.1v35.1c0 11.8 9.6 21.3 21.3 21.3h44.2c11.8 0 21.3-9.6 21.3-21.3v-35c18.5-4.5 35.7-11.7 51.2-21.2l24.7 24.7c4.2 4.2 9.6 6.3 15.1 6.3s10.9-2.1 15.1-6.3l31.3-31.3c8.3-8.3 8.3-21.9 0-30.2l-24.8-24.8c9.6-15.8 16.7-33 21.1-51.2h35.1c11.8 0 21.3-9.6 21.3-21.3V275c0-11.6-9.5-21.2-21.3-21.2z m-10.1 55.5H941c-0.9 10.8-2.9 21.3-6 31.4-3 9.8-6.9 19.2-11.7 28.1-5.1 9.4-11.1 18.2-18 26.4l22.3 22.3 14.3 14.3-17.1 17.1-14.3-14.3-22.3-22.3c-8.1 6.9-16.9 12.9-26.3 18-8.8 4.8-18.2 8.7-28.1 11.6-7.1 2.1-14.5 4-22.1 5-3.1 0.4-6.2 0.7-9.3 1v51.6h-24.2V448c-10.8-0.9-21.3-2.9-31.4-6-9.8-3-19.2-7-28.1-11.8-9.4-5.1-18.3-11.1-26.4-18L670 434.6l-14.3 14.3-17.1-17.1 14.3-14.3 22.3-22.3c-6.9-8.1-13-16.8-18.1-26.3-4.8-8.9-8.7-18.3-11.6-28.1-2.2-7.2-3.9-14.5-5-22.1-0.4-3.1-0.6-6.2-0.9-9.3h-51.8v-24.2h51.6c0.9-10.8 2.9-21.3 6-31.4 3-9.8 6.9-19.2 11.7-28.1 5.1-9.4 11.1-18.2 18-26.4L653 177.1l-14.3-14.3 17.1-17.1 14.3 14.3 22.3 22.3c8.1-6.9 16.9-12.9 26.3-18 8.8-4.8 18.2-8.7 28.1-11.6 7.1-2.1 14.5-4 22.1-5 3.1-0.4 6.2-0.7 9.3-1V94.9h24.2v51.7c10.8 0.9 21.3 2.9 31.4 6 9.8 3 19.2 7 28.1 11.8 9.4 5.1 18.3 11.1 26.4 18l22.4-22.4 14.3-14.3 17.1 17.1-14.3 14.3-22.3 22.3c6.9 8.1 13 16.8 18.1 26.3 4.8 8.9 8.7 18.3 11.6 28.1 2.2 7.2 3.9 14.5 5 22.1 0.4 3.1 0.6 6.2 0.9 9.3h51.8v24.1z" p-id="6924" fill="#3cc9cc"></path></svg>
<span id="icon-wenzi1">系统提示</span>
<span id="icon-wenzi2">
当前处于异常环境，请重新启动系统
</span>
</div>
</div>
<div id="div_NoticeItem4">
<div id="div_close4">×</div>
<div id="divNoticeItem-wenzi">
<svg t="1588488785161" class="icon-wen-ic" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6079" width="200" height="200"><path d="M732.686336 597.59616h282.175488a457.39008 457.39008 0 0 0 3.854336-59.293696c0-77.232128-19.298304-149.942272-53.305344-213.622784 46.186496-116.764672 48.00512-215.580672-5.531648-269.113344-65.234944-65.234944-197.70368-48.285696-347.967488 31.00672a458.6496 458.6496 0 0 0-47.374336-2.449408c-215.791616 0-396.427264 150.495232-442.687488 352.251904 93.597696-110.094336 232.001536-194.551808 232.001536-194.551808-117.01248 102.639616-213.157888 257.861632-244.004864 313.114624l-5.79584 9.859072C-0.905216 736.845824-25.966592 895.455232 47.017984 968.433664c61.792256 61.7984 183.926784 49.840128 324.358144-18.989056 58.617856 27.584512 124.082176 43.034624 193.159168 43.034624 195.383296 0 361.938944-123.379712 426.0352-296.476672h-244.71552c-33.49504 49.39776-82.110464 84.20352-137.70752 94.91456 0 0-27.213824 3.49184-39.829504 3.49184-20.180992 0-38.4-4.644864-38.4-4.644864-85.211136-18.962432-153.135104-94.683136-173.645824-192.167936h376.414208zM104.3968 943.62624c-42.41408-42.420224-26.085376-134.938624 34.148352-247.517184 35.139584 94.824448 101.033984 174.692352 185.561088 227.545088-99.8912 48.367616-180.8384 58.841088-219.70944 19.972096zM945.893376 102.131712c34.072576 34.072576 30.224384 100.483072-3.821568 183.642112-50.120704-74.78272-121.870336-133.82656-206.299136-168.224768 95.471616-44.433408 172.500992-53.03296 210.120704-15.417344z m-374.145024 175.017984c104.255488 0 191.700992 83.830784 215.478272 196.810752H356.274176c23.775232-112.979968 111.222784-196.810752 215.474176-196.810752z m0 0" p-id="6080" fill="#3cc9cc"></path></svg>
<span id="icon-wenzi1">浏览器</span>
<span id="icon-wenzi2">
有最新1.89版本下载
<br/><a href="#" style="color: #3cc9cc;">点击下载</a>
</span>
</div>
</div>
<div id="div_NoticeItem5">
<div id="div_close5">×</div>
<div id="divNoticeItem-wenzi">
<svg t="1588578013464" class="icon-wen-ic" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7756" width="200" height="200"><path d="M505.8 512.3m-469.5 0a469.5 469.5 0 1 0 939 0 469.5 469.5 0 1 0-939 0Z" fill="#242424" p-id="7757"></path><path d="M504.8 707.4m-77.6 0a77.6 77.6 0 1 0 155.2 0 77.6 77.6 0 1 0-155.2 0Z" fill="#FFFFFF" p-id="7758"></path><path d="M738.2 527.7c-57.8-63-140.8-102.5-233-102.5-94 0-178.5 41.1-236.4 106.2-8.7 7.5-14.2 18.6-14.2 31 0 22.6 18.3 40.9 40.9 40.9 11.8 0 22.4-5 29.9-13l0.2 0.2c42.9-51 107.7-83 179.6-83 71.9 0 135.4 36.3 178.1 81l0.1-0.1c7.3 6.7 17 10.8 27.7 10.8 22.6 0 40.9-18.3 40.9-40.9 0-12.1-5.4-23.1-13.8-30.6z" fill="#FFFFFF" p-id="7759"></path><path d="M857.9 393.4c-88-94.7-213.6-153.9-353-153.9-139.5 0-265.1 59.2-353.1 153.9l0.1 0.1c-7.6 7.4-12.3 17.8-12.3 29.2 0 22.6 18.3 40.9 40.9 40.9 11.1 0 21.3-4.5 28.6-11.7l0.1 0.1c73.1-80.3 178.5-130.6 295.7-130.6 116.7 0 222.7 50.5 295.8 130.2 0.1 0.2 0.3 0.3 0.5 0.5 0.1 0.2 0.3 0.3 0.4 0.5 7.5 7.8 17.9 12.6 29.6 12.6 22.6 0 40.9-18.3 40.9-40.9-0.1-12.3-5.6-23.3-14.2-30.9z" fill="#FFFFFF" p-id="7760"></path></svg>
<span id="icon-wenzi1">网络提示</span>
<span id="icon-wenzi2">
附近有可用WIFI，
</span>
</div>
</div>
<div id="div_NoticeItem6">
<div id="div_close6">×</div>
<div id="divNoticeItem-wenzi">
<svg t="1588577463577" class="icon-wen-ic" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6922" width="200" height="200"><path d="M329.6 500.4c-6.2 0-12.4 0.4-18.6 1.3-71.5 10.2-121.1 76.4-110.9 147.9 9.3 65.2 65.2 112.2 129.2 112.2 6.2 0 12.4-0.4 18.6-1.3 71.5-10.2 121.1-76.4 110.9-147.9-9.3-65.2-65.2-112.2-129.2-112.2z m13.9 229c-4.7 0.7-9.5 1-14.2 1-49 0-91.2-36.7-98.2-85.3-7.7-54.2 30.1-104.6 84.3-112.4 4.7-0.7 9.5-1 14.2-1 49 0 91.2 36.7 98.2 85.3 7.7 54.3-30.1 104.7-84.3 112.4zM790.4 217.9c-3.7 0-7.5 0.3-11.3 0.8-43.4 6.2-73.6 46.4-67.4 89.8 5.7 39.6 39.6 68.2 78.5 68.2 3.7 0 7.5-0.3 11.3-0.8 43.4-6.2 73.6-46.4 67.4-89.8-5.7-39.7-39.6-68.2-78.5-68.2z m38.3 108.2c-7.7 10.3-18.9 16.9-31.6 18.7-2.3 0.3-4.6 0.5-6.9 0.5-23.7 0-44.1-17.7-47.4-41.2-1.8-12.7 1.4-25.3 9.1-35.6 7.7-10.3 18.9-16.9 31.6-18.7 2.3-0.3 4.6-0.5 6.9-0.5 23.7 0 44.1 17.7 47.4 41.2 1.8 12.7-1.4 25.3-9.1 35.6z" p-id="6923" fill="#3cc9cc"></path><path d="M637.5 569.8h-58.1c-6.3-26-16.7-50.1-30-72.1l41.2-41.2c8.3-8.3 8.3-21.9 0-30.2L534.1 370c-4.2-4.2-9.6-6.3-15.1-6.3s-10.9 2.1-15.1 6.3l-41.1 41.1c-22.2-13.5-46.5-23.5-72.1-29.8v-58.2c0-11.8-9.6-21.3-21.3-21.3h-79.8c-11.8 0-21.3 9.6-21.3 21.3v58.1c-26 6.3-50.3 16.5-72.2 29.9l-41-41c-4.2-4.2-9.6-6.3-15.1-6.3s-10.9 2.1-15.1 6.3l-56.4 56.4c-8.3 8.3-8.3 21.9 0 30.2l41.1 41.1C96.1 520 86 544.4 79.7 570H21.4C9.6 570 0.1 579.6 0.1 591.3V671c0 11.8 9.6 21.3 21.3 21.3h58.1c6.3 26 16.7 50.1 30 72.1l-41.2 41.2c-8.3 8.3-8.3 21.9 0 30.2l56.4 56.4c4.2 4.2 9.6 6.3 15.1 6.3s10.9-2..........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0