前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >修改frameset的框架格局

修改frameset的框架格局

作者头像
逝兮诚
发布2019-10-30 12:01:54
1K0
发布2019-10-30 12:01:54
举报
文章被收录于专栏:代码人生

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/luo4105/article/details/51178741

boss要求,把top的那个frame能伸缩,网上查了一下,发现比想象中的简单好多

代码

1.frameset

代码语言:javascript
复制
<frameset id="main" name=main rows="118,*" cols="*" frameborder="no" border="0" framespacing="0">
	<frame src="${ctx }/top?provinceSign=0"  scrolling="No" noresize="noresize" id=TopTitle name=TopMenu  title="topFrame"/> 
    	<frame src="${ctx}/gis/scene/scene" id=MainTitle name=MainMenu   title="mainFrame"  scrolling="yes"/>
</frameset>

2.frame页面

代码语言:javascript
复制
<img id="topimg" src="static/images/top/arrow_large_up_outline.png" onClick="frame()" style="float:right;height:36px">

最关键的代码

代码语言:javascript
复制
var flag=1;
function frame(){
    if(flag==2){
        flag=1;
        parent.document.getElementById("main").rows="118,*";
        $("#topimg").attr('src',"static/images/top/arrow_large_up_outline.png");
        topimg.alt="隐藏主菜单"
       	$("#headertop1").show();
    }
    else
    {
        flag=2;
        $("#topimg").attr('src',"static/images/top/arrow_large_down_outline.png");
        $("#topimg").attr('alt',"显示主菜单");
        parent.document.getElementById("main").rows="36,*";
        $("#headertop1").hide();
    }
}

关联链接

1.修改frameset的框架格局:http://blog.csdn.net/luo4105/article/details/51178741

2.用js控制frame的页面跳转:http://blog.csdn.net/luo4105/article/details/51178708

3.js控制frame的元素:http://blog.csdn.net/luo4105/article/details/51208014

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016/04/18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档