流頁面

我已經看到上網本網站時，一個驚人的事情：流頁面

http://www.free-css.com/free-css-templates/page202/flat-theme

當你點擊現場演示，它會打開在當前頁面的其他頁面，而不會重定向或打開另一個窗口。

我想在我的網站上做同樣的事情，我嘗試了很多東西，但都沒有成功。任何想法如何做到這一點？

來源

2016-09-23 aghed aljlad

更多信息添加你的代碼了。讓我們看看你的嘗試..我們將幫助你與我們的代碼..或讓小提琴 –

嘗試在Bootstrap框架中使用'模態'。你可以改變模態的尺寸。 http://getbootstrap.com/javascript/ –

這是因爲你沒有要求答案，你正在尋求教程。 – luissimo

你問的iframe，你可以閱讀更多關於它W3schools

約彈出，你可以使用Bootstrap Modal

這裏是一個 Demo你想要的東西，所以你可以嘗試

代碼：

.btn { 
 
    margin: 20px; 
 
} 
 
.modal-content { 
 
    width: 800px; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<!-- Trigger the modal with a button --> 
 
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 
 

 
<!-- Modal --> 
 
<div id="myModal" class="modal fade" role="dialog"> 
 
    <div class="modal-dialog"> 
 

 
    <!-- Modal content--> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     <!-- this is where you got the other page you want to show --> 
 
.  <iframe src="http://www.w3schools.com/html/html_iframe.asp" height="500" width="750"> 
 
     
 
     </iframe> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
    </div> 
 

 
    </div> 
 
</div>

來源

2016-09-23 22:49:18

謝謝你，我已經想通了一個新的問題，我想要在模式中嵌入視頻，問題是當模式淡出視頻繼續播放？ –

@aghedaljlad我爲此添加了另一個答案，請檢查它 –

您正在討論的示例通過iframe加載。請參見下面的例子：

<iframe src="http://www.w3schools.com"></iframe>

我猜你通常會得到downvoted的原因是因爲你不注意任何做出很好的格式化，甚至拼寫正確的問題。

另外，這是非常基礎的知識。你可以在網上找到關於它的文檔。絕對沒有理由再次提出這個問題，所以自然會讓你失望。

來源

2016-09-23 22:15:34

當我問一個問題，我總是有點生氣，這就是爲什麼..... –

和我正在尋找超過五天，找不到任何東西 –

那麼，做一個搜索[「如何嵌入網頁到html「]（https://www.google.com/search?q=how%20to%20embed%20webpage%20into%20html&rct=j），並且沒有必要再生氣 –

關於視頻您的問題嘗試將此代碼添加到您的js

$("#myModal").on('hidden.bs.modal', function (e) { 
    $("#myModal iframe").attr("src", $("#myModal iframe").attr("src")); 
});

Demo

你可以找到在這個Question

來源

2016-09-23 23:26:23

再次感謝你@Aya你的答案對我來說是一個很好的幫助 –

回答

相關問題