PHP Side Pull menu is beautiful, can expand to right or left, support ff,ie_php instance

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.