<!doctype html>
<html>
<head>
<title>直播监控</title>
<meta charset="utf-8">
<script type="text/javascript" src="http://jschart.51caiyou.com/statics/js/jquery-1.7.2.min.js"></script>
<style type="text/css">
* {border:0;margin:0;padding:0}
html,body{width: 100%;height: 100%;}
.wrapper {width: 33.33%; height: 50%;overflow: scroll;float: left;position: relative;}
.dd2 {width: 1220px; height: 1200px;overflow: hidden;}
iframe { height: 100%; width: 100%;}
.reash{float: left;background: #f00;height: 30px;line-height: 30px;margin:10px;padding:0 10px;border-radius: 15px;position: absolute;top:0;right: 0;color: #fff;}
</style>
</head>
<body>
<div class="wrapper" style="width:30%;">
<div class="dd2">
<iframe src="http://lottery.sina.com.cn/video/fcopen/" name="myiframe" class="myiframe" frameborder="0" scrolling="no"></iframe>
</div>
<div class="reash" data-id="0" data-src="http://lottery.sina.com.cn/video/fcopen/">刷新</div>
</div>
<div class="wrapper" style="width:30%;">
<div class="dd2" style="width: 1000px; height: 944px;">
<iframe src="http://caipiao.sohu.com/flcpkjsp1/index.shtml" name="myiframe" class="myiframe" frameborder="0" scrolling="no"></iframe>
</div>
<div class="reash" data-id="1" data-src="http://caipiao.sohu.com/flcpkjsp1/index.shtml">刷新</div>
</div>
<div class="wrapper" style="width:40%;height: 100%;float: right;">
<div class="dd2" style="width: 1000px; height: 1652px;">
<iframe src="http://v.qq.com/live/p/topic/42515/preview.html" name="myiframe" class="myiframe" frameborder="0" scrolling="no"></iframe>
</div>
<div class="reash" data-id="2" data-src="http://v.qq.com/live/p/topic/42515/preview.html">刷新</div>
</div>
<div class="wrapper" style="width:30%;">
<div class="dd2" style="width: 1000px; height: 1200px;">
<iframe src="http://www.xinhuanet.com/caipiao/2018-01/25/c_1122024655.htm" name="myiframe" class="myiframe" frameborder="0" scrolling="no"></iframe>
</div>
<div class="reash" data-id="3" data-src="http://www.xinhuanet.com/caipiao/2018-01/25/c_1122024655.htm">刷新</div>
</div>
<!-- <div class="wrapper">
<div class="dd2" style="height: 1738px;">
<iframe src="http://caipiao.163.com/award/liveC/" name="myiframe" class="myiframe" frameborder="0" scrolling="no"></iframe>
</div>
<div class="reash" data-id="4" data-src="http://caipiao.163.com/award/liveC/">刷新</div>
</div> -->
<div class="wrapper" style="width:30%;">
<div class="dd2" style="width: 1000px;">
<iframe src="http://caipiao.people.com.cn/GB/408759/index.html" name="myiframe" class="myiframe" frameborder="0" scrolling="no"></iframe>
</div>
<div class="reash" data-id="5" data-src="http://caipiao.people.com.cn/GB/408759/index.html">刷新</div>
</div>
<script type="text/javascript" language="javascript">
$(window.parent.document).find(".myiframe").load(function(){
var main = $(window.parent.document).find("#myiframe");
var thisheight = $(document).height()+30;
main.height(thisheight);
});
$(".reash").click(function(){
var src = $(this).attr("data-src");
var ind = $(this).attr("data-id");
$("iframe").eq(ind).attr({"src":src})
//document.getElementById('FrameID').src = src;
})
</script>
</body>
</html>