2012-09-13 94 views
-3

任何想法如何創建一個Onclick/Hover事件,將顯示我想用作快速幫助按鈕的標題/泡泡/彈出。將不勝感激其他來源/文章的任何想法或重定向。OnClick/Onhover Javascript/jquery

編輯:這是我到目前爲止。

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


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

問有沒有什麼好主意?

+1

我建議看一看[qTip2](http://craigsworks.com/projects/qtip2/) – jprofitt

+0

@jprofitt看着它也已經使它運行。無論如何,只要問其他人什麼是更好的選擇。太糟糕了,他們喜歡投票而不是展示一些想法。 =) – Tony

+3

我們喜歡downvote,因爲你的問題沒有正確地形成。我們希望看到您的代碼/努力。我們不是一個爲他人着想的網站:)幫助我們來幫助你。 – Kyle

回答

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教程,也許多一點google搜索會產生一些有用的東西。

+0

謝謝,這是很好的幫助,我會嘗試這個,我實際上發現了一些和它的jquery,我會嘗試比較哪個更好。 – Tony

+0

@Tony ...實際上這裏提供的代碼** IS ** jQuery。 –

0

在大多數瀏覽器中,如果您設置了鏈接或輸入的標題屬性,當用戶將鼠標懸停在元素上時會出現一個工具提示。

這是最快的方法。