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 "
";
}
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
http://www.bkjia.com/PHPjc/320787.html www.bkjia.com true http://www.bkjia.com/PHPjc/320787.html techarticle IE8 must add sub-menu, 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 ...
