iframe jquery自适应高度(二)
来源:互联网 发布:游戏编程要学java 编辑:程序博客网 时间:2024/06/08 00:59
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/cerulean/bootstrap.min.css"><style type="text/css">#header{position: fixed;top:0;left: 0;width: 100%;height: 80px;background: #000;z-index: 10;background: rgba(0,0,0,.8);padding-right: 10%;padding-left: 10%;}#header button{color: #fff;opacity: 1;line-height: 80px;}body{margin: 0;padding: 0}button{outline: none}.fanhui{color: #fff;font-size: 18px;display: inline-block;line-height: 80px;}.dakai{position: fixed;right: 10%;top: 30px;display: none;}</style></head><body><div id="header"><a href="" class="fanhui">返回</a><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button></div><button class="dakai btn btn-primary glyphicon glyphicon-th-list"></button><iframe src="http://demo.gensee.com/webcast/site/entry/join-39880c94a99b4856bfa82008efa8a9aa?nickName=tset" id="myiframe" scrolling="no" onload="changeFrameHeight()" frameborder="0" width="100%"></iframe></body><script type="text/javascript">var clientHeight=document.documentElement.clientHeight||document.body.clientHeight;function changeFrameHeight(){ var ifm= document.getElementById("myiframe"); ifm.height=clientHeight+'px';}window.onresize=function(){ changeFrameHeight(); }$("#header button").click(function(){$(this).parent().slideUp();$(".dakai").css("display","block");});$(".dakai").click(function(){$("#header").slideDown();$(".dakai").css("display","none");})</script></html>
阅读全文
0 0
- iframe jquery自适应高度(二)
- jquery iframe自适应高度
- jquery iframe自适应高度
- jquery iframe自适应高度
- jquery iframe自适应高度
- jquery里iframe自适应高度
- jQuery js iframe 自适应高度
- jquery 控制iframe高度自适应
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- JQuery实现iframe自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- jquery实现iframe自适应高度
- Jquery 实现iframe 自适应高度
- jquery 实现iframe 自适应高度
- oracle合并两个不一样的结果集
- Android 注解
- C字符串向数字转化
- 燕麦云何洋开讲 | 既安全又简单?我的产品设计心经分享(上)
- mapreduce的原理
- iframe jquery自适应高度(二)
- Spring与Hibernate整合的applicationContext.xml文件配置
- python 的变量和注释及简单的用户交互
- JavaScript之this学习笔记
- 判断一个链表是否有环--剑指offer
- 去除视频广告
- CentOS 6 安装VNC Server实现图形化访问
- memcached安装使用配置
- Java消息队列--ActiveMq简单实例