OnClick / Onhover Javascript / jquery

时间:2012-09-13 12:04:53

标签: php javascript jquery css

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

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

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


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

问有什么好主意吗?

2 个答案:

答案 0 :(得分:2)

<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();
});

这很粗糙,可能会让你开始。互联网上有一些bajillion教程,也许谷歌搜索会产生一些有用的东西。

答案 1 :(得分:0)

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

这是最快的方式。