'店铺管理|店铺分类|模板管理|退出系统',我们点击一级菜单左侧的"+"

  • 栏目:编程 时间:2020-04-15 00:50
<返回列表

?php /* 后台管理框架配置 author:xqbar datetime:2008-3-29*/$toplink=array(0='账号管理','新闻管理','店铺管理','系统管理','友情链接');$leftnav=array( 0='账号管理|退出系统', '新闻管理|新闻分类|退出系统', '店铺管理|店铺分类|模板管理|退出系统', '分类管理|地域管理|模板管理|退出系统', '友情链接|退出系统' );$leftlink=array( 0='a href=test/test.php target=mainFrame管理员/anbsp;a href=test/test.php target=mainFrame店铺会员/a|a href=checklogin.php?logout=ok target=_top退出管理/a', 'a href=test/test.php target=mainFrame所有新闻/anbsp;a href=test/test.php target=mainFrame添加新闻/a@a href=test/test.php target=mainFrame生成文件/a|a href=test/test.php target=mainFrame资讯分类/a|a href=checklogin.php target=_top退出管理/a', 'a href=test/test.php target=mainFrame所有店铺/anbsp;a href=test/test.php target=mainFrame添加店铺/a|a href=class/test.php target=mainFrame店铺分类/a|a href=test/test.php target=mainFrame模板列表/anbsp;a href=class/mbadd.php target=mainFrame添加模板/a|a href=checklogin.php?logout=ok target=_top退出管理/a', 'a href=test/test.php target=mainFrame新闻分类/anbsp;a href=test/test.php target=mainFrame店铺分类/a|a href=test/test.php target=mainFrame地域管理/a|a href=test/test.php target=mainFrame模板列表/anbsp;a href=test/test.php target=mainFrame添加模板/a|a href=checklogin.php?logout=ok target=_top退出管理/a', 'a href=test/test.php target=mainFrame连接列表/anbsp;a href=test/test.php target=mainFrame添加连接/a|a href=checklogin.php?logout=ok target=_top退出管理/a' );function topnav(){global $toplink;$itemnum=count($toplink);echo 'div id=admin_header';echo 'div id=admin_logo/div';echo 'div id=admin_nav'; echo 'ul';foreach ($toplink as $key=$value){echo li id='navli{$key}'a href='javascript:navBar({$key},{$itemnum});'$value/a/li;}echo '/ul';echo '/div';echo '/div';echo '/div';}function leftnav($itemid){global $leftnav,$leftlink;$navtitle=explode('|',$leftnav[$itemid]);$navlink=explode('|',$leftlink[$itemid]);echo div id='admin_left';foreach ($navtitle as $key=$value){echo div class='navlist';echo h1 id='navtitle{$key}'a href='javascript:nav({$key})'{$value}/a/h1;echo ul id='navlist{$key}';if(strlen(strstr($navlink[$key],@))0){ $itemlink=explode('@',$navlink[$key]); foreach($itemlink as $link){echo li{$link}/li;}}else{echo li$navlink[$key]/li;}echo /ul;echo /div;}echo /div;}if(isset($_GET['cpp'])){leftnav($_GET['cpp']);}?

因为要开发一个个人小网站,需要在后台进行管理,所以做了个简易的后台模板,以后会调整样式,暂时先这样。

样子是这样的:

左侧导航:

韦德体育 1

右侧初始页面:

韦德体育 2

主要的需求有两个,需求1:现在我们看到的是一级菜单1,一级菜单2和一级菜单3,我们点击一级菜单左侧的"+",可以显示出二级菜单,就像这样:韦德体育 3

需求2::点击左侧的二级菜单可以在右侧显示相应的页面,点击二级1链接,显示出test1页面,就像这样:

韦德体育 4

 

关于第一个需求,代码部分如下:

<!--左侧内容开始-->
<div class="left">
    <ul>
        <li>
            <h3><span onclick="show('menu1','change1')" id="change1">+</span>一级1</h3>
            <dl id="menu1" style="display: none;">
                <dd><a href="test1.PHP" target="mainFrame">二级1</a></dd>
                <dd><a href="test2.php" target="mainFrame">二级2</a></dd>
韦德体育 ,            </dl>
        </li>
        <li>
            <h3><span onclick="show('menu2','change2')" id="change2">+</span>一级2</h3>
            <dl id="menu2" style="display: none;">
                <dd><a href="test1.php" target="mainFrame">二级1</a></dd>
                <dd><a href="test2.php" target="mainFrame">二级2</a></dd>
            </dl>
        </li>
        <li>
        <li>
            <h3><span onclick="show('menu3','change3')" id="change3">+</span>一级3</h3>
            <dl id="menu3" style="display: none;">
                <dd><a href="test1.php" target="mainFrame">二级1</a></dd>
                <dd><a href="test2.php" target="mainFrame">二级2</a></dd>
            </dl>
        </li>
        <li>
    </ul>
</div>
<!--左侧内容结束-->
</body>
</html>
<script type="text/JavaScript">
    function show(num,change){
        var menu=document.getElementById(num); 
        var change=document.getElementById(change);
        if(change.innerHTML=="+"){
            change.innerHTML="-";
        }else{
            change.innerHTML="+";
        }
        if(menu.style.display=="none"){
            menu.style.display="";
        }else{
            menu.style.display="none";
        }
    }
</script>

其实也没有什么难点,当我们点击一级菜单是触发click事件,调用show函数,通过id获取到一级菜单和二级菜单,进行条件判断,有一点js知识的同学应该很容易明白。

第二个需求完成代码如下:

<!--右侧内容开始-->
<div style="float:right;width: 1140px">
    <!--嵌套网页开始-->
    <iframe src="main.php" frameborder="0" name="mainFrame" width="100%" height="500px"></iframe>
    <!--嵌套网页结束-->
</div>
<!--右侧内容结束-->

src指向main.php页面,也就是我们看到的右侧初始页面,包括系统信息和软件信息那个。

二级菜单的是<dd><a href="test1.php" target="mainFrame">二级1</a></dd>,当我们点击它时,会把test1.php页面加载到iframe框架中,当然,我们需要有test1.php页面。

上一篇:原来是模板用smarty,工具类必须熟练掌握 zend studio 的开发 下一篇:没有了

更多阅读

'店铺管理|店铺分类|模板管理|退出系统

编程 2020-04-15
?php /* 后台管理框架配置 author:xqbardatetime:2008-3-29*/$toplink=array(0='账号管理','新闻管理','店铺管理...
查看全文

原来是模板用smarty,工具类必须熟练掌握

编程 2020-04-15
PHP,想说爱你不容易PHP干了三年,越来越迷离原来刚接触PHP时,不晓得为啥大家都要用这个类...
查看全文

1.什么是引用,面向对象的三大特性

编程 2020-04-15
1.什么是引用?引用的优缺点,还有关于函数返回引用的问题.2.有一道php的题是让我完成一个类的...
查看全文

友情链接: 网站地图

Copyright © 2015-2019 http://www.koi-bumi.com. 韦德体育有限公司 版权所有