📄 index1.php
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>phatfusion : multibox</title>
<link rel="stylesheet" href="../_common/css/main.css" type="text/css" media="all">
<link href="multibox.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]><link rel="stylesheet" href="ie6.css" type="text/css" media="all" /><![endif]-->
<script type="text/javascript" src="../_common/js/mootools.js"></script>
<script type="text/javascript" src="../utils/overlay.js"></script>
<script type="text/javascript" src="multibox.js"></script>
<style type="text/css">
#htmlElement {
padding: 10px;
background-color: #000;
}
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
</style>
</head>
<body>
<div id="container">
<a href="files/curly.flv" rel="width:400,height:300" id="mb4" class="mb" title="Movie">flv example</a>
<div class="multiBoxDesc mb1">flv example</div><br />
<a href="files/curly.mov" rel="width:400,height:310" id="mb5" class="mb" title="Movie">mov example</a>
<div class="multiBoxDesc mb2">mov example</div><br />
<a href="files/curly.wmv" rel="width:400,height:350" id="mb6" class="mb" title="Movie">wmv example</a>
<div class="multiBoxDesc mb3">wmv example</div><br />
<a href="files/curly.rmvb" rel="width:400,height:300" id="mb7" class="mb" title="Movie">real example</a>
<div class="multiBoxDesc mb4">real example</div><br />
<a href="files/music.mp3" rel="" id="mb8" class="mb" title="Music">mp3 example</a>
<div class="multiBoxDesc mb5">mp3 example</div><br />
<p> click <a href = "javascript:void(0) " onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" rel="width:400,height:300" id="mb9" class="mb" title="RSS Reader" ">here</a></p>
<div id="light" class="white_content">
<a href="rss.php" rel="width:400,height:300" id="mb9" class="mb" title="RSS Reader" >rss reader</a>
<div class="multiBoxDesc mb6">rss reader </div><br />
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
<div id="fade" class="black_overlay"></div>
<a href="rss.php" rel="width:400,height:300" id="mb9" class="mb" title="RSS Reader" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" >rss reader</a>
<div class="multiBoxDesc mb6">rss reader </div><br />
<a href="emailtest.php" rel="width:400,height:300,ajax:true" id="mb10" class="mb" title="e_mail">emailtest</a>
<div class="multiBoxDesc mb7">emailtest</div><br />
<a href="translink.php" rel="width:400,height:300" id="mb11" class="mb" title="translink">translink</a>
<div class="multiBoxDesc mb8"></div><br />
<a href="brisbanemap.php" rel="width:800,height:500" id="mb11" class="mb" title="map">Brisbane Map</a>
<div class="multiBoxDesc mb9"></div><br />
<a href="tab.php" rel="width:600,height:500" id="mb11" class="mb" title="tab">tab</a>
<div class="multiBoxDesc mb10"></div><br />
<a href="tabbed.php" rel="width:600,height:500" id="mb11" class="mb" title="tab2">tab2</a>
<div class="multiBoxDesc mb11"></div><br />
<br />
<script type="text/javascript">
var box = {};
window.addEvent('domready', function(){
box = new MultiBox('mb', {descClassName: 'multiBoxDesc'});
});
</script>
</div>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -