【问题标题】:OnClick/Onhover Javascript/jquery [closed]OnClick/Onhover Javascript/jquery [关闭]
【发布时间】:2012-09-13 12:04:52
【问题描述】:

关于如何创建 Onclick/Hover 事件的任何想法,该事件将显示我想用作快速帮助按钮的标题/气泡/弹出窗口。将不胜感激其他来源/文章的任何想法或重定向。

编辑:这是我到目前为止得到的。

    $(document).ready(function()
 {
    $('a[title]').qtip();
 });


  <div class="helpcss"><a href="" title="HELP HELP HELP HELP">Help?</a></div>

请问有什么好主意吗?

【问题讨论】:

  • 我建议看看qTip2
  • @jprofitt 也已经对其进行了调查,使其运行。无论如何,谢谢只是问其他人有什么更好的选择。太糟糕了,他们喜欢投票而不是展示一些想法。 =)
  • 我们喜欢投反对票,因为您的问题没有正确形成。我们希望看到您的一些代码/努力。我们不是一个 codie-it-for-you 网站 :) 帮助我们帮助您。

标签: php javascript jquery css


【解决方案1】:
<div id="myPopup" style="display: hidden;">Hey here's your help<div>
<a href="" id="myLink">Click me</a>
$.on("hover", "#myLink", function(e) {
     e.preventDefault();
     $("#myPopup").show();
});
$("#myLink").click(function(e) {
    e.preventDefault();
    $("#myPopup").show();
});

这很粗糙,可能会让您入门。互联网上有大量的教程,也许更多的谷歌搜索会产生一些有用的东西。

【讨论】:

  • 谢谢,这对我很有帮助,我会试试这个,我实际上找到了一些它的 Jquery,我会尝试比较哪个更好。
  • @Tony ... 实际上这里提供的代码 IS jQuery.
【解决方案2】:

在大多数浏览器中,如果你设置了链接或输入的title属性,当用户将鼠标悬停在元素上时会有一个工具提示。

这是最快的方法。

【讨论】:

    猜你喜欢
    • 2010-12-09
    • 1970-01-01
    • 1970-01-01
    • 2018-03-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-09-20
    • 1970-01-01
    相关资源
    最近更新 更多