Question

我想在此css弹出框架顶部的同一页面上链接另一个html（nytimes.html）。我怎么做？

$('.portfolio-thumbnail').click(function(e) {
console.log(this.id); //this is how we know what to load into the frame
$('#popup-frame').fadeIn();

switch(this.id) {
case "nytimes":
    //do something for nytimes
    $('#popup-frame').css('background', "rgba(0, 255,0, .5)" );


    break;
case "eloquence":
    $('#popup-frame').css('background', "rgba(255, 82, 145, .5)" );
    break;
default:
    break;
}
});

Answer 1

我个人建议你在CSS-popup中嵌入一个iFrame，其中包含你要显示的网站。

case "nytimes":
    //do something for nytimes
    $('#popup-frame').css('background', "rgba(0, 255,0, .5)" );

    $('#popup-frame').html('<iframe src="nytimes.html" name="popupFrame" scrolling="auto" frameborder="no" align="center" height = "100%" width = "100%"> </iframe>')
    break;

然后，您可以根据自己的需要设置iFrame的样式，包括在iframe上使用css zoom属性，以便在您希望减慢＆＃34;预览＆＃34;的页面。

在同一页面上链接另一个html（javascript）

1 个答案: