IE8 must add submenu, hide
Copy Code code as follows:
<link href= ". /css/right_menu.css "rel=" stylesheet "type=" Text/css ">
<div class=c_l>
<div class=menu>
<UL>
<?php
mysql_select_db ($database _lr, $LR);
$query = mysql_query ("SELECT * from Bigclass Order by sort");
while ($row =mysql_fetch_array ($query))
{
$bigclassid = $row [' Bigclassid '];
$bigclassname _leftmenu= $row [' Bigclassname '];
if ($htmlname ==1) {
$bigclass _htmlname_leftmenu= $bigclassname _leftmenu;//Large class name
$bigclass _htmlname_leftmenu=tihuan ($bigclass _htmlname_leftmenu);
}
if ($htmlname ==0) {
$bigclass _htmlname_leftmenu= $bigclassid;
}
?>
<li <?php
<!--Determine whether there are small categories of-->
mysql_select_db ($database _lr, $LR);
$query _num= "SELECT COUNT (*) from Smallclass where bigclassid= ' $bigclassid '";
$rs _num=mysql_query ($query _num);
$myrow _num = @mysql_fetch_array ($rs _num);
$smallclass _num= $myrow _num[0];
if ($smallclass _num>0) {
echo "Id=arrow";
}
?>>
<a href= "<?php echo". /". $htmlcatalogue." ". $bigclass _htmlname_leftmenu. " HTML "?>" class= "Bigclasslink" > <?php echo $row [' Bigclassname ']?><!--[if IE 7]> <!--></a ><!--<! [endif]--><!--[If LTE IE 6]><table><tr><td><! [endif]-->
<?php
mysql_select_db ($database _lr, $LR);
$query _small = mysql_query ("select * from Smallclass where bigclassid= ' $bigclassid ' ORDER by sort");
if ($smallclass _num==0)
{
echo "<ul style= ' Display:none ' ><li><a title=
Href=></a> </LI></ul> ";
}
Else
{
?> <UL>
<?php
while ($rs =mysql_fetch_array ($query _small))
{
$smallclassid _small_leftmenu= $rs [' Smallclassid '];
$smallclassname _small= $rs [' Smallclassname '];//small class name
if ($htmlname ==1) {
$smallclass _htmlname= $smallclassname _small;
$smallclass _htmlname= Tihuan ($smallclass _htmlname);
}
if ($htmlname ==0) {
$smallclass _htmlname= $smallclassid _small_leftmenu;
}
?>
<li class=b_top>
<a href= "<?php echo". /". $htmlcatalogue." ". $bigclass _htmlname_leftmenu. " _ ". $smallclass _htmlname." _page_1.html "?>" class= "Smallclasslink" ><?php echo $rs [' Smallclassname ']?></a>
<!--[If LTE IE 6.5]><! [endif]-->
</LI>
<?php
}
?>
</UL>
<?php}?>
<!--[If LTE IE 6]></td></tr></table></a><! [endif]--></li>
<?php
}?>
</UL>
</DIV></DIV>
CSS file
Copy Code code as follows:
UL {
padding-right:0px; padding-left:0px; padding-bottom:0px; margin:0px; padding-top:0px; List-style-type:none
}
LI {
padding-right:0px; padding-left:0px; padding-bottom:0px; margin:0px; padding-top:0px; List-style-type:none
}
. c_l {
Float:left; width:200px; Background:url (.. /images/right_menu_bg.jpg);
}
. menu {
z-index:9999; margin-bottom:10px; width:198px;
}
. menu LI {
Font-weight:bold; Float:left; width:198px; line-height:26px; height:26px;
/*
Background:url (.. /images/line01.gif) repeat-x 50% Bottom;
*/
}
. menu LI A {
line-height:26px; height:26px;
/*
Background:url (.. /images/line01.gif) repeat-x 50% Bottom;
*/
}
#arrow {
Background:url (.. /images/aw02.gif) no-repeat 185px 10px;
line-height:26px; height:26px;
}
. menu LI A:hover {
BACKGROUND: #eeeeee; line-height:26px; position:relative; Height:26px
}
. Menu ul ul {
z-index:9999; right:185px; Position:absolute; Top: -10000000px;background:url (... /images/right_menu_bg.jpg);/*smallclass right Kongzhi celafangxiang*/
}
. Menu ul ul LI {
Display:block; Font-weight:normal; Background:url (.. /images/aw02.gif) no-repeat 10px 10px; line-height:25px! Important top:0px! Important height:25px! Important
}
. Menu ul ul. b_top {
border-left-width:0px; width:199px;
}
. Menu ul ul. b_top A {
Display:block
}
. menu A {
padding-right:0px; Display:block; padding-left:0px; Float:left; padding-bottom:0px; width:198px; text-indent:18px; padding-top:0px; Text-decoration:none
}
. menu A:visited {
padding-right:0px; Display:block; padding-left:0px; Float:left; padding-bottom:0px; width:198px; text-indent:18px; padding-top:0px; Text-decoration:none
}
. Menu ul ul LI A {
Display:block; Background:none Transparent scroll repeat 0% 0%; COLOR: #000; top:0px! Important height:25px! Important
}
. Menu ul ul LI a:visited {
Display:block; Background:none Transparent scroll repeat 0% 0%; COLOR: #000; top:0px! Important height:25px! Important
}
. Menu ul ul LI a:hover {
Display:block; Background:url (.. /images/aw02.gif) #eee no-repeat 10px 10px; width:198px; COLOR: #d15400; Border-top-style:none; Border-right-style:none; Border-left-style:none; top:0px! Important height:25px! Important Border-bottom-style:none
}
. menu TABLE {
padding-right:0px; padding-left:0px; padding-bottom:0px; width:0px; padding-top:0px; Border-collapse:collapse; height:0px
}
* HTML. Menu A:hover {
Position:relative
}
. menu Li:hover {
Position:relative
}
. menu Ul:hover UL {
Top: -1px
}
. menu UL Li:hover > A {
BACKGROUND: #eee; position:relative; Text-decoration:none
}
. menu UL LI ul li:hover > A {
Border-top-style:none; Border-right-style:none; Border-left-style:none; position:relative; top:0px; Border-bottom-style:none
}
One of the menu ul ul left or right control to show the submenu to the right-hand