Question

我正在使用带有iframe true选项的colorbox来打开链接。

在fancybox中，当我在链接按钮上悬停时，我使用了一个代码来隐藏浏览器底部显示的网址。

但我仍然坚持如何为彩盒做这件事。

我想要以下代码的解决方案：

<script>
$(document).ready(function(){
   $(".iframecolor").colorbox({
       iframe:true, width:"80%", height:"80%"
   });
});
</script>

使用的<a>标记如下：

<a class="iframecolor btn btn-success" href="http://www.linkofwebsite.com">VIEW NOW</a>

当我们将鼠标悬停在 VIEW NOW 按钮上时，我希望隐藏显示在浏览器底部显示的http://www.linkofwebsite.com。

=============================================== ===========

之前使用的 fancybox 的工作代码如下：

<script type="text/javascript">
      $(document).ready(function() {
        $('.fancybox').fancybox();          

        $("#fancybox-manual-b").click(function() {
            $.fancybox.open({
                href : 'test.html',
                type : 'iframe',
                padding : 5
            });
        });

        $(".fancy").fancybox(); // ***This worked for fancybox to hide url  
    });
</script>

在<a>标记中，代码使用如下：

<a class="fancybox fancybox.iframe more_info_btn" data-fancybox-href="http://www.linkofwebsite.com">VIEW NOW</a>

Answer 1

根据colorbox文档，它可以接受href参数，就像你使用fancybox

一样

<script>
    $(document).ready(function(){
    $(".iframecolor").colorbox({
        iframe:true, 
        width:"80%", 
        height:"80%",
        href:"http://linkofwebsite.com"
    });
 });
</script>
<a class="iframecolor btn btn-success" href="#">VIEW NOW</a>

http://www.jacklmoore.com/colorbox/

如何在链接上悬停时隐藏浏览器底部显示的网址？

1 个答案: