📄 mui.boxes.1.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();*/ var modal = $("Box1").asBox(false, {draggable:true,position:{"x":0.1,"y":0.1}}) $("popItUp").addEvent("click", function(){ modal.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><span id="popItUp">Pop it up</span><div id="Box1" class="mui-box"> <h2>Bla Bla</h2> <ul> <li>blabla</li> <li>blabla</li> <li>blabla</li> </ul></div></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -