📄 mui.boxes.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Mootools UI - boxes demo</title>
<script type="text/javascript" src="../mootools.v1.1.js"></script>
<script type="text/javascript" src="../mui.boxes.js"></script>
<script type="text/javascript">
Window.addEvent("domready", function(){
new MUI.ModalDialog("blabla", [["close"]], {draggable:true,position:{
"x":0.1,"y":0.1}}).show();
});
</script>
<style type="text/css">
.mui-box{
width:500px;
height:120px;
border:1px solid black;
background-color:white;
padding:1em;
}
html{overflow:hidden;}
body{overflow:auto;margin:0;}
.mui-box-screen{
background-color:#EFEFEF;
position:fixed;
_position:absolute;
top:0;
left:0;
opacity:0.3;
}
</style>
</head>
<body>
<p>
blablablablablablabla
</p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -