如何在鼠标悬停时隐藏左下角的网址显示？ [英] How To Hide url display in bottom left on mouseover?

问题描述

我有一个会员页面，其中登录是必不可少的。在此页面上，会员可以获得讲座的链接。讲座链接定期添加。并且在此页面上从数据库中获取记录链接，并且可以使用最后30个记录链接（通过Limit $ max）。
代码如下 -

I have a page for member's where log in is essential. On this page members get links for lectures conducted. Lectures links get added regularly. And Links to recording are fetched on this page from database and last 30 recording links are available (through Limit $max). code is as follow -

这里，当用户将光标移动到播放录制时，他可以在浏览器的左下角看到录制链接。

Here, when user move cursor on "Play Recording" he can see recording link in left bottom corner of browser.

我可以隐藏此链接在鼠标悬停时显示在左下角吗？我可以只显示单词录音而不是显示链接吗？

How can I hide this Link getting displayed in left bottom corner on mouseover ? Can i Show only Word "Recording" Instead of link displayed ?

推荐答案

你只需按照建议的方式进行操作按钮，但使用你想要的锚。这是，使用onclick事件而不是设置href属性。另外你可以在href中添加一个noop js操作。

You just have to do the same as it was suggested with the button, but using the anchor you wanted. This is, use the onclick event instead of setting href attribute. And additionally you could add a noop js operation to href.

看到这个链接： http://asp-arka.blogspot.com.uy/2014/08/hide-url- on-mouse-hover-of-hyper-link.html

<a class="fancybox etc etc etc" href="javascript:void(0)" onclick="window.location.href='<?php echo $data['recording_link'];?>'">Play Recording</a>

这篇关于如何在鼠标悬停时隐藏左下角的网址显示？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！