实现左侧导航栏点击,右侧显⽰对应页⾯的布局
简单介绍下⾯js代码的意思:
导航菜单<script type="text/javascript">
$(function() {
var height=document.documentElement.clientHeight;
});
var menuClick = function(menuUrl) {
$("#iframe-page-content").attr('src',menuUrl);
};
</script>
第⼀段代码作⽤是为了保证iframe中右侧页⾯的⾼度,使之和浏览器客户端⾼度⼀致;
第⼆段代码作⽤是实现点击左侧菜单栏,右侧内容页随之改变的效果,iframe中改变其src即可改变它加载的内容
显⽰⼀侧的代码:
<iframe id="iframe-page-content" src="${base}resource/html/myindex.jsp" width="100%"  frameborder="no" border="0" marginwidth="0" marginheight=" 0"

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。