创建可变多级横向菜单栏

php中文网

发布时间：2016-07-25 08:47:31

1038人浏览过

来源于php中文网

原创

echo '

foreach ($first_menus as $first_name) {

$second_menu = $second_menus[$first_name];

echo $li_s;

// echo '';

if (null != $second_menu) {

echo '

echo $table_s;

echo $ul_s;

foreach ($second_menu as $second_name) {

echo $li_s;

if (array_key_exists($second_name, $java_menus)) {

echo '';

echo $ul_s;

foreach ($java_menus[$second_name] as $java_name) {

echo $li_s;

echo '' . $java_name . '';

echo $li_e;

}

echo $ul_e;

} else {

echo '' . $second_name . '';

}

echo $li_e;

}

echo $ul_e;

echo $table_e;

} else {

echo '' . $first_name;

}

echo '';

echo $li_e;

}

echo '

echo '';

}

复制代码

在_create_html()方法中修改$first_menus、$second_menus、$java_menus即可。

一直做android，现在想自己做一个博客，就学了php，代码质量和性能还请大家斧正。

/**
* Created by PhpStorm.
* User: chshqiang
* Date: 13-11-28
* Time: 下午5:05
* 在_create_html()方法中修改$first_menus、$second_menus、$java_menus即可。
*/
//_create_css(0, 5);
echo '';
_create_html();
function _create_css($orientation = 0, $count = 3) // 创建可变多级菜单
{
echo '
if (1 == $orientation) {
echo '.menu ul li a, .menu ul li a:visited {display: block;text-align: center;text-decoration: none;width: 104px;height: 30px;color: #000;border: 1px solid #fff;border-width: 1px 1px 0 0;background: #c9c9a7;line-height: 30px;font-size: 11px;overflow: hidden;}';
}
echo '.menu ul {padding: 0;margin: 0;list-style-type: none;}.menu ul li {float: left;margin-right: 1px;position: relative;}.menu ul li ul {display: none;}.menu ul li:hover a {color: #fff;background: #36f;}.menu ul li:hover ul {display: block;position: absolute;top: 30px;left: 0;width: 105px;}.menu ul li:hover ul li a.hide {background: #6a3;color: #fff;}.menu ul li:hover ul li:hover a.hide {background: #6fc;color: #000;}';
for ($i = 0; $i
echo '.menu ul li:hover ';
for ($j = 0; $j
echo 'ul li:hover ';
}
echo 'ul li ul {display: none;}';
echo '.menu ul li:hover ul li:hover ';
for ($j = 0; $j
echo 'ul li:hover ';
}
echo 'ul {display: block;position: absolute;left: 105px;top: 0;}';
echo '.menu ul li:hover ';
for ($j = 0; $j
echo 'ul li:hover ';
}
echo 'ul li a.hide {background: #6a3;color: #fff;}';
echo '.menu ul li:hover ';
for ($j = 0; $j
echo 'ul li:hover ';
}
echo 'ul li:hover a.hide {background: #6fc;color: #000;}';
echo '.menu ul li:hover ';
for ($j = 0; $j
echo 'ul li:hover ';
}
echo 'ul li a {display: block;background: #eee;color: #000;}';
echo '.menu ul li:hover ';
for ($j = 0; $j
echo 'ul li:hover ';
}
echo 'ul li a:hover {background: #6fc;color: #000;}';
}
echo '';
}
function _create_html()
{
$first_menus = array("Home", "Log", "Image", "IT", "CO", "About");
$second_menus = array("Home" => null
, "Log" => array("zero dollars", "wrapping text", "styled form", "active focus")
, "Image" => array("spies menu", "vertical menu", "enlarging list", "link images")
, "IT" => array("java", "c", "php", "node.js", "android", "ios")
, "CO" => array("视云", "欢流", "万普", "百度", "九城")
, "About" => null);
$java_menus = array("java" => array("j2ee", "j2se", "j2me", "android", "tomcat"));
$ul_s = '
$ul_e = '';
$li_s = '
';
$li_e = '
$table_s = "
";
$table_e = "