当鼠标悬停在链接上时，如何隐藏浏览器底部显示的url

Question

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

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

但我不知道如何为colorbox做这件事

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

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

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

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

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

前面使用的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>标签中使用AND，代码如下：

<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/