2016-09-07 102 views
0

我想問一下打開鏈接到另一個div在同一頁面(php)。打開鏈接到另一個div在同一頁面(php)

的情況是這樣的:

我把一個頁面到2段頂部和按鈕

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

我把一些縮略圖在底部,當我點擊它會在播放視頻的大拇指頂部。怎麼做?

+0

所有這些都可以使用JavaScript來實現。 –

+1

這與PHP無關,所有內容都使用Javascript。 – Forbs

+0

請參閱http://stackoverflow.com/help/how-to-ask你問別人爲你做你的工作 – Onimusha

回答

0

試試這個:

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> 
+0

Yeeeaaahh其作品..但現在如何對齊水平方向的div ? – z4bl3nk

+1

請不要鼓勵這些類型的問題,通過讓別人爲他們工作。這是脫離主題,它會邀請downvotes – Onimusha

相關問題