PHP Side-Pull menu is beautiful, can be expanded to the right or left, support ff,ie_php instances

IE8 must be added to the submenu to hide
Copy CodeThe code is as follows:

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;//Big class name
$bigclass _htmlname_leftmenu=tihuan ($bigclass _htmlname_leftmenu);
}
if ($htmlname ==0) {
$bigclass _htmlname_leftmenu= $bigclassid;
}
?>

• //
  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";
  }
  ?>>
  "Class=" > "Bigclasslink"
  mysql_select_db ($database _lr, $LR);
  $query _small = mysql_query ("select * from Smallclass where bigclassid= ' $bigclassid ' ORDER by sort");
  if ($smallclass _num==0)
  {
  echo "
  • Href=>
  ";
  }
  Else
  {
  ?>
  
  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;
  }
  ?>
  
  • 
    "Class=" > "Smallclasslink"
    
    
  
  }
  ?>
  
  
  
  

}?>

CSS file
Copy CodeThe code is 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
}

WHERE menu ul ul left or right control to show submenus

