点击菜单,右边填充相应内容,其他固定不变

<script type="text/javascript">

function getHtml(html, onBack) {

$.get(html, function (data) {

//debugger;

if (onBack) {

onBack(data);

}

else {

$("#parentDiv").html(data);

}

})

}

</script>

<ul class="submenu clearfix">

<li><a href="javascript:void(0)" onclick="getHtml(‘equipmentrunning/runningworkquery.html‘)">运行工作查询 </a></li>

<li><a href="#">运行工作记录</a></li>

<li><a href="#">交接班记录管理</a></li>

</ul>

<div class="main-right" id="parentDiv"> </div>

时间: 2024-08-04 00:32:07

点击菜单,右边填充相应内容,其他固定不变的相关文章

点击菜单选项,右侧主体区新增子界面(Tab)的实现

今天是2019年小年后一天,还有三天回家过年. 今天记录一下一种前端页面的效果的实现,这种效果很常见,一般用于网站后台系统的前端页面.一般后台系统会分为顶部导航栏,左边的菜单栏和右边的主体区.有一种效果是这样的,当点击左边菜单的时候,在右边的主体区会弹出相应的页面,点击多个菜单选项时,在右边依次陈列这些窗口,这些窗口之间可以相互切换,类似于浏览器的多个打开的窗口那样. 下面,先给出这种效果的图片: 然后我将详细记录实现这个效果的过程. 整体思路: 1.基础知识 这种效果的实现主要依赖于layui

仿美团外卖,饿了吗 两个ListView联动,左边点击切换右边,右边滑动切换左边

先上效果图: 实现思路: 1.先说右边标题: 首先,右边的数据源集合中的Javabean中含有三个属性name,type,title,而每个条目中会默认含有一个标题. 如果这是第一个条目,就让标题显示出来,再如果这个条目的类型和上一个条目的类型不一样,就让这个条目的标题显示出来,否则,就隐藏标题,  这样我们就做到了每种类型只有第一个数据标题显示出来 接着,在Listview的外层(也就是MainActivity的布局文件中),默认放一个标题(下面都称作是主标题) 最后,设置右边Listview

.net MVC 微信公众号 点击菜单拉取消息时的事件推送

官方文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141016&token=&lang=zh_CN 业务描述:点击菜单,推送消息,消息内容为自定义的读取数据库信息之后,为用户推送的动态消息. 首先需要用代码实现自定义菜单,为对应的菜单指定click事件. 关于自定义菜单的创建及事件指定,请看上一篇文章,本篇主要介绍事件响应的实现. MVC controller 中的代码如下: public void Me

ps视频教程中第四天中之消失点+填充之内容识别

1,消失点可实现修复:滤镜菜单下消失点--左上角创建平面工具(c),然后自由调节.在选框内可创建选区,按住alt可实现复制,移动到需要覆盖的地方. 2.填充之内容识别:可修复大面积中的那一小块.先创建选区,框出要修复的那一块,然后右击,填充,内容识别,确定即可.

微信公众号菜单openid 点击菜单即可打开并登录微站

现在大部分微站都通过用户的微信openid来实现自动登录.在我之前的开发中,用户通过点击一个菜单,公众号返回一个图文,用户点击这个图文才可以自动登录微站.但是如果你拥有高级接口,就可以实现点击菜单,打开网页就能获取这个openid,实现自动登录. 这里已经提到,必须要拥有高级接口的权限(服务号.企业号),开启了开发者模式. 1.设置回调地址 在微信公众平台后台“开发者中心”中找到“高级接口”下的“OAuth2.0网页授权”,后面有一个“修改”,点击之后就会弹出填写回调地址的对话框.具体如何授权,

使用select下拉菜单筛选table表格内容

使用select下拉菜单筛选table表格内容:本章节介绍一下如何利用select下拉菜单对表单的内容进行筛选,如果数据量庞大,便于搜索使用的话,筛选效果还是非常有必要的,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/&qu

Cocos2d-x 点击菜单按键居中放大

配置环境:win7+Cocos2d-x.2.0.3+VS2012 目标 实现一个按键效果,按下去之前显示normal.png的图,按下去之后显示selected.png的图.selected.png尺寸大于normal.png.按键按下去之后呈现一种放大的效果,如果你无法想象,下载个AngryBirds观察下吧. 思路 笔者在这个问题上纠结了一天半,尝试了各种方法,一直以为是自己写得不对导致点击菜单不能居中放大,最后查看源码才发现原来菜单类的对象默认锚点并不是中点,而是原点(0,0).按键前后的

jq 鼠标点击跳转页面后 改变点击菜单的样式代码

点击菜单跳转页面,然而跳转后的页面字体并没有加粗用如下代码 <div class="bg01 menu"> <img class="img01" src="../images/c_bg01.gif" /> <ul> <a href="x_bumen.php"><li>部门设置</li></a> <a href="x_yhshez

Textarea 单击鼠标 清除默认字/点击文本域 默认内容消失/点击文本框 删除预置内容

Textarea 单击鼠标 清除默认字/点击文本域 默认内容消失/点击文本框 删除预置内容. Textarea 单击鼠标 清除默认字 点击文本域 默认内容消失 点击文本框 删除预置内容 在留言框.搜索栏或者Email订阅栏中有一段默认的文本,比如“请输入您的内容”,如果你在其中点击(窗体获取焦点),这段默认的文本就会自动消失. 第一步:添加代码方式: <head> …. <script type=”text/javascript”> function clearDefault(el