打开同一页面中另一个div的链接（php）

Question

我想问一下同一页面（php）中另一个div的开放链接。

情况是这样的：

我将页面分成2部分顶部和按钮

<div id="top">
</div>
<div id="buttom">
</div>

我在底部放了一些缩略图，当我点击拇指时，它会在顶部播放视频。怎么做？

Answer 1

试试这个：

<强> your.php

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div id="top">

</div>
<div id="buttom">

<div id="t1"> open_html </div>
<div id="t2"> play_youtube </div>
</div>

<script type="text/javascript">

$("#t1").click(function(){
    $("#top").load('video.html');
});

$("#t2").click(function(){
    document.getElementById('top').innerHTML='<iframe width="560" height="315" src="https://www.youtube.com/embed/uelHwf8o7_U" frameborder="0" allowfullscreen></iframe>';
});



</script>

<style type="text/css">
    #top{
        width: 560px;
        height: 315px;
        border: 1px solid #ccc;
    }
    #buttom{
        width: 300px;
        height: 50px;
        border: 1px solid #ccc;
    }
</style>

<强> video.html

<h1>This is video.html!</h1>