php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE


Posted in PHP onOctober 15, 2009

php侧拉菜单 漂亮,可以向右或者向左展开,支持FF,IE
IE8必须增加子菜单,隐藏

<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;//大类名称 
$bigclass_htmlname_leftmenu=tihuan($bigclass_htmlname_leftmenu); 
} 
if ($htmlname==0){ 
$bigclass_htmlname_leftmenu=$bigclassid; 
} 
?> 
<LI <?php 
//<!--判断是否有小类别--> 
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'];//小类名称 
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文件
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 
}

其中menu UL UL的left或者right控制向右或者向左显示子菜单
PHP 相关文章推荐
一个目录遍历函数
Oct 09 PHP
php基础知识:控制结构
Dec 13 PHP
php图片加水印原理(超简单的实例代码)
Jan 18 PHP
PHP包含文件函数include、include_once、require、require_once区别总结
Apr 05 PHP
PHP开发框架laravel安装与配置教程
Mar 13 PHP
codeigniter中实现一次性加载多个view的方法
Mar 20 PHP
PHP查询附近的人及其距离的实现方法
May 11 PHP
PHP魔术方法之__call与__callStatic使用方法
Jul 23 PHP
php-fpm添加service服务的例子
Apr 27 PHP
PHP实现通过CURL上传文件功能示例
May 30 PHP
Laravel validate error处理,ajax,json示例
Oct 25 PHP
PHP判断当前使用的是什么浏览器(推荐)
Oct 27 PHP
php 数学运算验证码实现代码
Oct 11 #PHP
用mysql触发器自动更新memcache的实现代码
Oct 11 #PHP
基于OpenCV的PHP图像人脸识别技术
Oct 11 #PHP
PHP 身份验证方面的函数
Oct 11 #PHP
使用zend studio for eclipse不能激活代码提示功能的解决办法
Oct 11 #PHP
关于页面优化和伪静态
Oct 11 #PHP
PHP iconv 函数转gb2312的bug解决方法
Oct 11 #PHP
You might like
PHP FATAL ERROR: CALL TO UNDEFINED FUNCTION BCMUL()解决办法
2014/05/04 PHP
PHP判断是否有Get参数的方法
2014/05/05 PHP
PHP利用header跳转失效的解决方法
2014/10/24 PHP
使用PHP Socket 编程模拟Http post和get请求
2014/11/25 PHP
使用纯php代码实现页面伪静态的方法
2015/07/25 PHP
laravel5创建service provider和facade的方法详解
2016/07/26 PHP
Yii框架中sphinx索引配置方法解析
2016/10/18 PHP
Thinkphp框架+Layui实现图片/文件上传功能分析
2020/02/07 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
用jquery与css打造个性化的单选框和复选框
2010/10/20 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
2011/06/27 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
屏蔽script注入小例子
2013/11/12 Javascript
弹出最简单的模式化遮罩层的js代码
2013/12/04 Javascript
jsp网页搜索结果中实现选中一行使其高亮
2014/02/17 Javascript
js实现遍历含有input的table实例
2015/12/07 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
2016/08/08 Javascript
Vue-router 类似Vuex实现组件化开发的示例
2017/09/15 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
vue中引入mxGraph的步骤详解
2019/05/17 Javascript
php结合js实现多条件组合查询
2019/05/28 Javascript
python使用wmi模块获取windows下的系统信息 监控系统
2015/10/27 Python
python实现简单购物商城
2016/05/21 Python
全面了解python字符串和字典
2016/07/07 Python
numpy中loadtxt 的用法详解
2018/08/03 Python
浅析pandas 数据结构中的DataFrame
2019/10/12 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
python3读取autocad图形文件.py实例
2020/06/05 Python
澳大利亚顶级美发和美容贸易超市:glamaCo
2020/01/19 全球购物
自我评价200字分享
2013/12/17 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
项目备案申请报告
2015/05/15 职场文书
大一新生军训新闻稿
2015/07/17 职场文书
2016计划生育先进个人事迹材料
2016/02/29 职场文书
聊聊redis-dump工具安装问题
2022/01/18 Redis