<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Menu - Tinh tế</title>
<style>
*{
padding:0;
margin:0;
}
ul li{
text-align:center;
border:1px solid white;
list-style:none;
font-size:25px;
float:left;
background:#9F9;
width:125px;
position:relative;
}
li ul{display:none}
li:hover ul{display:block}
li li{
font-size:20px;
padding-left:14px;
line-height:35px;
width:170px;
text-align:left;
float:none;
border:1px solid white;
}
.cap2{
padding-top:1px;
position:absolute;
z-index:2;
top:30px;
left:-1px;
overflow:auto;
}
.clear{clear:both}
a{
text-decoration:none;
display:block;
}
a:visited{color:blue}
a:hover{
color:red;
text-decoration:underline;
}
.duonglink a, span{
font-size:23px;
display:inline;
}
</style>
</head>
<body>
<?php
$menu = array(
array("chinh"=>"a1","ten"=>"Trang chủ"),
array("chinh"=>"a2","ten"=>"Máy tính"),
array("chinh"=>"a3","ten"=>"Điện thoại"),
);
$mt = array(
array("phu"=>"b1","ten"=>"Máy tính Windows"),
array("phu"=>"b2","ten"=>"Máy tính Mac OS"),
array("phu"=>"b3","ten"=>"Máy tính Linux"),
);
$dt = array(
array("phu"=>"c1","ten"=>"Điện thoại iOS"),
array("phu"=>"c2","ten"=>"Điện thoại Android"),
array("phu"=>"c3","ten"=>"Điện thoại WP"),
);?>
<div style="margin:20px"><ul>
<?php foreach($menu as $cap1):?>
<li id="<?php echo $cap1["chinh"]?>"><a href="tinhte.php?chinh=<?php echo $cap1["chinh"]?>"><?php echo $cap1["ten"]?></a>
<?php if($cap1["chinh"] == "a2"){?>
<ul><div class="cap2">
<?php foreach($mt as $cap2mt):?>
<li id="<?php echo $cap2mt["phu"]?>"><a href="tinhte.php?chinh=<?php echo $cap1["chinh"]?>&phu=<?php echo $cap2mt["phu"]?>"><?php echo $cap2mt["ten"]?></a></li>
<?php endforeach;?>
</div></ul>
<?php }
elseif($cap1["chinh"] == "a3"){?>
<ul><div class="cap2">
<?php foreach($dt as $cap2dt):?>
<li id="<?php echo $cap2dt["phu"]?>"><a href="tinhte.php?chinh=<?php echo $cap1["chinh"]?>&phu=<?php echo $cap2dt["phu"]?>"><?php echo $cap2dt["ten"]?></a></li>
<?php endforeach;?>
</div></ul>
</li>
<?php } endforeach; ?>
<div class="clear"></div>
</ul>
<br><br><br><br>
<?php
if(!isset($_GET["chinh"]))
$_GET["chinh"] = "a1";
if(!isset($_GET["phu"]))
$_GET["phu"] = "";
?>
<style>
li#<?php echo $_GET["chinh"]?>{
background-color:yellow;
}
li#<?php echo $_GET["phu"]?>{
background-color:yellow;
}
</style>
<div class="duonglink">
<a href="tinhte.php">Trang nhất</a>
<?php
foreach($menu as $cap1):
if($cap1["chinh"] == $_GET["chinh"])
if($_GET["chinh"] == "a1")
echo "";
else{?>
<span> >> </span>
<a href="tinhte.php?chinh=<?php echo $cap1["chinh"]?>"><?php echo $cap1["ten"]?></a>
<?php }
endforeach;
?>
<?php
foreach($menu as $cap1):
foreach($mt as $cap2mt):
if($cap1["chinh"] == $_GET["chinh"] && $cap2mt["phu"] == $_GET["phu"]){?>
<span> >> </span>
<a href="tinhte.php?chinh=<?php echo $cap1["chinh"]?>&phu=<?php echo $cap2mt["phu"]?>"><?php echo $cap2mt["ten"]?></a>
<?php } endforeach;
foreach($dt as $cap2dt):
if($cap1["chinh"] == $_GET["chinh"] && $cap2dt["phu"] == $_GET["phu"]){?>
<span> >> </span>
<a href="tinhte.php?chinh=<?php echo $cap1["chinh"]?>&phu=<?php echo $cap2dt["phu"]?>"><?php echo $cap2dt["ten"]?></a>
<?php } endforeach;
endforeach;
?>
</div>
</div>
</body>
</html>