打开链接到另一个div在同一页面（php）

Question

我想问一下打开链接到另一个div在同一页面（php）。

的情况是这样的：

我把一个页面到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>