目录
请问后台左侧面板点击 跳转新页面 左侧面板如何还能保持？thinkphp 3.2
表达不清 先上图说下
想实现的是
如上图 顶部导航点击显示对应左侧面板 （已实现）
在左侧面板点击显示折叠面板 已实现
折叠面板里的链接点击就是新的页面链接了 虽然a标签target 是在本页的属性值
但也是新页面 默认Jquery 就是显示左侧第一个了
一般不都是点击哪个 还是保留 点击状态的么
<html><head> <title></title> <meta charset="utf-8"/></head><body><style type="text/css"> body { margin: 0px; }</style><style type="text/css"> /*base*/ dl dd{ margin-left: 0px;} div.header { width: 100%; height: 7%; border-bottom: 1px solid #333333; background: #000;; } div.header div.logo { width: 20%; float: left; overflow: hidden; height: 100%; } div.header div.nav { width: 60%; float: left; overflow: hidden; height: 100%; } div.header div.nav em { font-style: normal; width: 8%; color: #fff; height: 100%; line-height: 1em; display: block; float: left; overflow: hidden; text-align: center; line-height: 2.8em;; } /*选中样式*/ .select { background: #fff; color: #000; } div.login_center { width: 20%; background: #fff; height: 100%; float: left; color: #333; font-size: 12px; } </style> <div class="header"> <div class="logo"> xxxcms </div> <div class="nav"> <em>首页</em> <em>全局设置</em> <em>用户</em> <em>文章</em> <em>数据库</em> <em>缓存</em> </div> <!--登陆后 显示用户名--> <div class="login_center"> <p> <span>欢迎登陆xxxcms系统，</span>{$username},(身份：管理员) <span><a href="#" target="_self">退出</a></span> <span><a href="#" target="_blank">前台首页</a></span> </p> </div> </div> <script type="text/javascript" src="http://photo.no5.com.cn/page_2014/js/jquery-1.6.4.min.js?v=20140319"></script> <script type="text/javascript"> $().ready(function () { //DOM加载完成 第一显示 同辈元隐藏 $(".menu_left_list").eq(index).show().siblings().hide(); }) </script> <div style="width: 100%; overflow: hidden; background: #eff0ee;"> <!--左侧菜单 --> <block name="left"> <style type="text/css"> /*左侧面板位置*/ div.left_panel { width: 10%; float: left; height: 100%; overflow: hidden; background: #000; } /*点击滑动上下菜单*/ div.left_panel dl.slide_panel dt { text-align: center; font-size: 1.2em; margin-bottom: 5px; height: 30px; line-height: 30px; } div.left_panel dl.slide_panel dd { display: none; margin-bottom: 5px; height: 28px; line-height: 28px; text-align: center; } div.left_panel dl.slide_panel dd a { font-size: 12px; color: #fff; text-decoration: none; } /*头部导航滑动门*/ div.menu_left_list { display: none; color: #fff; } </style> <div class="left_panel"> <div class="menu_left_list"> 常用操作 浏览记录 </div> <div class="menu_left_list"> <dl class="slide_panel"> <dt>网站设置</dt> <dd><a href="#" target="_self">基本设置</a></dd> <dd><a href="#" target="_self">全局设置</a></dd> <dd><a href="#" target="_self">安全设置</a></dd> </dl> <dl class="slide_panel"> <dt>成员管理</dt> <dd><a href="#" target="_self">管理员设置</a></dd> <dd><a href="#" target="_self">会员设置</a></dd> </dl> <dl class="slide_panel"> <dt>菜单管理</dt> <dd><a href="#" target="_self">首页菜单</a></dd> </dl> </div> <div class="menu_left_list"> <dl class="slide_panel"> <dt>权限管理</dt> <dd><a href="#" target="_self">权限列表</a></dd> <dd><a href="#" target="_self">用户组权限</a></dd> <dd><a href="#" target="_self">会员权限</a></dd> </dl> </div> <div class="menu_left_list"> <dl class="slide_panel"> <dt>文章管理</dt> <dd><a href="#" target="_self">发布文章</a></dd> <dd><a href="#" target="_self">文章分类</a></dd> <dd><a href="#" target="_self">文章列表</a></dd> <dd><a href="#" target="_self">文章tag</a></dd> </dl> <dl class="slide_panel"> <dt>栏目管理</dt> <dd><a href=“#” target="_self" title="menu">增加栏目</a></dd> <dd><a href="#" target="_self">删除栏目</a></dd> <dd><a href="#" target="_self">修改栏目</a></dd> <dd><a href="#" target="_self">更新栏目</a></dd> </dl> <dl class="slide_panel"> <dt>图片管理</dt> <dd><a href="#" target="_self">增加文章</a></dd> <dd><a href="#" target="_self">删除文章</a></dd> <dd><a href="#" target="_self">修改文章</a></dd> <dd><a href="#" target="_self">更新文章</a></dd> </dl> </div> <div class="menu_left_list"> <dl class="slide_panel"> <dt>网站备份</dt> <dd><a href="#" target="_self">数据库备份</a></dd> <dd><a href="#" target="_self">数据库还原</a></dd> <dd><a href="#" target="_self">数据库缓存清理</a></dd> </dl> </div> <div class="menu_left_list"> <dl class="slide_panel"> <dt>缓存管理</dt> <dd><a href="#" target="_self">更新HTML缓存</a></dd> <dd><a href="#" target="_self">更新所有缓存</a></dd> <dd><a href="#" target="_self">更新栏目缓存</a></dd> </dl> </div> </div> </script> <script type="text/javascript"> function toggle_dl_ele(click_ele,toggle_type,z_index) { $(click_ele).click(function (event) { if (this == event.target) { toggle_type == "on"?$ (this).nextAll().toggle():false; if(z_index =="parent"){ $(this).addClass('select').siblings('.select').removeClass('select'); $('.menu_left_list .slide_panel dd ').removeClass('select'); } else{ $(this).addClass('select').siblings().removeClass('select'); $('.menu_left_list .slide_panel dt ').removeClass('select'); } $(this).find('a:first').css({"color": "#000"}).parent().siblings().find("a").css({"color":"#fff"}); } else {} }) } toggle_dl_ele('dl.slide_panel dt','on','parent'); toggle_dl_ele('dl.slide_panel dd','off','son'); function tab(event_parent_ele,event_ele,event_type,content_ele,add_class){ $(event_parent_ele).delegate(event_ele,event_type , function (event) { if (this == event.target) { var index = $(this).index(); $(content_ele).eq(index).toggle().siblings().hide(); $(this).addClass(add_class).css({'color': '#000' }).siblings().removeClass(add_class).css({'color': '#fff'}); } else { return false; } }) } tab(".header",".nav em","click",".menu_left_list","select") </script> <style type="text/css"> div.right { width: 90%; float: left; overflow: hidden; } </style> <div class="right"> <!--右侧内容快--> <block name="right"> <style type="text/css"> div.right_panel { width: 90%; float: left; } div.right_panel div#right_content { width: 100%; float: right; } </style> <div class="right_panel"> <div id="right_content"> <p></p> <p></p> <p></p> </div> </div> </block> </div></div></body></html>登录后复制
我想的是 头部和左侧面板都是公用的 用的thinkphp 模板继承
点击左侧折叠面板 链接 直接新页面了 默认DOM 加载完成就是显示第一个的 直接页面跳转的话 必须用其他的方式记录触发的索引么 比如cookies 链接后面加参数这样？
一般这样的效果都怎么实现呢
求指点
回复讨论(解决方案)
html frameset
想问一下。用VS做 怎么来实现
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
<🎜>：种植花园 - 完整的突变指南
4 周前
By DDD
<🎜>：泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
4 周前
By 尊渡假赌尊渡假赌尊渡假赌
北端：融合系统，解释
1 个月前
By 尊渡假赌尊渡假赌尊渡假赌
Mandragora：巫婆树的耳语 - 如何解锁抓钩
4 周前
By 尊渡假赌尊渡假赌尊渡假赌
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
说明PHP中的安全密码散列（例如，password_hash，password_verify）。为什么不使用MD5或SHA1？
Apr 17, 2025 am 12:06 AM
在PHP中，应使用password_hash和password_verify函数实现安全的密码哈希处理，不应使用MD5或SHA1。1)password_hash生成包含盐值的哈希，增强安全性。2)password_verify验证密码，通过比较哈希值确保安全。3)MD5和SHA1易受攻击且缺乏盐值，不适合现代密码安全。
PHP类型提示如何起作用，包括标量类型，返回类型，联合类型和无效类型？
Apr 17, 2025 am 12:25 AM
PHP类型提示提升代码质量和可读性。1)标量类型提示：自PHP7.0起，允许在函数参数中指定基本数据类型，如int、float等。2)返回类型提示：确保函数返回值类型的一致性。3)联合类型提示：自PHP8.0起，允许在函数参数或返回值中指定多个类型。4)可空类型提示：允许包含null值，处理可能返回空值的函数。
PHP和Python：解释了不同的范例
Apr 18, 2025 am 12:26 AM
PHP主要是过程式编程，但也支持面向对象编程（OOP）；Python支持多种范式，包括OOP、函数式和过程式编程。PHP适合web开发，Python适用于多种应用，如数据分析和机器学习。
在PHP和Python之间进行选择：指南
Apr 18, 2025 am 12:24 AM
PHP适合网页开发和快速原型开发，Python适用于数据科学和机器学习。1.PHP用于动态网页开发，语法简单，适合快速开发。2.Python语法简洁，适用于多领域，库生态系统强大。
PHP和Python：深入了解他们的历史
Apr 18, 2025 am 12:25 AM
PHP起源于1994年，由RasmusLerdorf开发，最初用于跟踪网站访问者，逐渐演变为服务器端脚本语言，广泛应用于网页开发。Python由GuidovanRossum于1980年代末开发，1991年首次发布，强调代码可读性和简洁性，适用于科学计算、数据分析等领域。
PHP和框架：现代化语言
Apr 18, 2025 am 12:14 AM
PHP在现代化进程中仍然重要，因为它支持大量网站和应用，并通过框架适应开发需求。1.PHP7提升了性能并引入了新功能。2.现代框架如Laravel、Symfony和CodeIgniter简化开发，提高代码质量。3.性能优化和最佳实践进一步提升应用效率。
为什么要使用PHP？解释的优点和好处
Apr 16, 2025 am 12:16 AM
PHP的核心优势包括易于学习、强大的web开发支持、丰富的库和框架、高性能和可扩展性、跨平台兼容性以及成本效益高。1)易于学习和使用，适合初学者；2)与web服务器集成好，支持多种数据库；3)拥有如Laravel等强大框架；4)通过优化可实现高性能；5)支持多种操作系统；6)开源，降低开发成本。
PHP的影响：网络开发及以后
Apr 18, 2025 am 12:10 AM
PHPhassignificantlyimpactedwebdevelopmentandextendsbeyondit.1)ItpowersmajorplatformslikeWordPressandexcelsindatabaseinteractions.2)PHP'sadaptabilityallowsittoscaleforlargeapplicationsusingframeworkslikeLaravel.3)Beyondweb,PHPisusedincommand-linescrip
