支付方式 | 常见问题 | 业务导航 | 胶东在线 点击这里咨询烟台网站建设业务
烟台网站建设首页
烟台网站建设首页  
烟台网站建设首页烟台网站建设详细页品牌产品展示页烟台网站建设及产品平台企业服务导航烟台网站建设客户案例烟台网站建设资讯关于烟台网站建设及产品平台联系烟台网站建设业务
 
 
您当前的位置 :关于我们 > 网站建设 > 资讯中心 > 建站知识 正文   
 
怎样让超过iframe框架高度限定自动隐藏呢?
2014-05-07 11:05
 

  小编最近在排版时发现iframe框架中的表单超过其框架高度后不知道应该怎么被自动隐藏,相信也有其他朋友同样遇到过这种问题,那么我们就一起来探究下应该怎样实现这个问题吧,以下是小编经过千辛万苦(有点夸大了啊,嘻嘻)才找到的一个解决方法:

 
<script type="text/javascript">
$(document).ready(function()
{
// Set specific variable to represent all iframe tags.
var iFrames = document.getElementsByTagName_r('iframe');
 
// Resize heights.
function iResize()
{
// Iterate through all iframes in the page.
for (var i = 0, j = iFrames.length; i < j; i++)
{
// Set inline style to equal the body height of the iframed content.
iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';
}
}
 
// Check if browser is Safari or Opera.
if ($.browser.safari || $.browser.opera)
{
// Start timer when loaded.
$('iframe').load(function()
{
setTimeout(iResize, 0);
}
);
 
// Safari and Opera need a kick-start.
for (var i = 0, j = iFrames.length; i < j; i++)
{
var iSource = iFrames[i].src;
iFrames[i].src = '';
iFrames[i].src = iSource;
}
}
else
{
// For other good browsers.
$('iframe').load(function()
{
// Set inline style to equal the body height of the iframed content.
if(this.contentWindow.document.body.offsetHeight>1000)
{
this.style.height = 700 + 'px';//此处为最小高度的设置
}else{
this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
}
}
);
}
}
);
 
</script>
看的懂么?哈哈,其实也不用看懂,只要把上述文件外加一个jquery文件一起加载下,你会发现你想要的效果已经出现了...
相关新闻
 
 
 
 网站建设
·定制网站开发 ·模板网站建设
·虚拟主机租赁 ·SEO搜索引擎优化
·域名注册业务 ·企业邮局业务
 产品服务
·网上商城开发 ·网上论坛建设
·360全景展示 ·400企业热线
·OA办公系统开发 ·网上调查系统
 业务动态
·400电话业务功能-烟台网站建设
·400电话业务介绍
·100用户企业邮箱 6000元/年
·域名注册-烟台网站建设
·美国 200mb 免备案虚拟主机 1000元/年
 建站知识
·香港免备案空间的不足之处
·如何判断关键词的竞争强度
·如何提高企业网站的用户体验和易用性
·浅谈网站策划的3个特点
·交换友情链接的技巧方法


 
 
网站首页   |   烟台网站建设   |   品牌产品   |   企业服务   |   经典案例   |   资讯中心   |   关于胶东在线建站   |   联系我们

烟台建站咨询:0535-6785683 点击这里咨询烟台网站建设业务 胶东在线地址:烟台市莱山区观海路333号烟台广电大楼A座18楼 邮编:264003

国家互联网新闻信息服务许可证:3712007001国家广电总局网络视听节目许可证:1508222 广告经营许可证号:鲁工商广字05-232号 鲁ICP备10007090号

烟台市委宣传部主管 烟台广播电视台主办 胶东在线网站版权所有

胶东在线网站建设业务专注:烟台网站建设、网络多媒体传播、网络营销、品牌策略与设计 | 主营业务:烟台网站建设、网站制作、网站优化、域名注册、烟台虚拟主机、胶东在线网站建设、烟台政府网建站
分享到: