2013-06-13 361 views
-1
<a href="#" class="button">Read More</a><br> 

我在網站上有這個按鈕我不知道如何編程按鈕,當我點擊Read more讓我看看cd的信息我賣。當我點擊按鈕在同一頁面顯示更多信息javascript

你能給我一個想法,我該怎麼做?

+0

歡迎SO。 JavaScript可以做很多事情,例如,將用戶重定向到不同的頁面,臨時向用戶顯示div,顯示阻止對話框等。您需要提供更多關於您想要執行的操作的信息。您可以編輯問題並添加更多關於準確答案的詳細信息。 –

+0

你可以使用jqurey工具提示。 http://jqueryui.com/tooltip/#custom-style –

回答

3

你可以使用JQuery這是一個非常好的框架,使編碼變得簡單!

您要使用的.click()事件和.show()功能

所以,你可以有這樣的事情

$("#clickme").click(function() { 
    $("#hidden").show(); 
}); 

,併爲您的HTML

<html> 
<body> 
<p id="clickme">Read More</p> 
<p id="hidden" hidden>COOL STORY BRO</p> 
</body> 
</html> 

Example

-1
Suppose you have, 

<div id="dvInfo"> 
Here is your question and i am giving an answer. 
</div> 
<a href="javascript:void()" id='see'>See more</a> 

So, 
In jQuery 

$(document).ready(function(){ 
    var f_text = $('#dvInfo').html(); 
    $('#dvInfo').html($('#dvInfo').html().substring(0,8)+"..."); 
    $('#see').click(function(){ 
    $('#dvInfo').html(f_text); 
    }); 
}); 
-1

HTML部分

<asp:Button ID="btnread" runat="server" Text="Button" /> <div id="divinfo" style="display:none">More Info</div>

jQuery的一部分:

$(function() { 
     $("#<%=btnread.ClientID %>").click(function() { 
      $("div[id$=divinfo]").css("display", "block"); 
      return false; 
     }); 
    }); 
相關問題