Question

  <a href="#"  class="button">Read More</a><br>

我在网站上有这个按钮我不知道如何编程按钮，当我点击Read more向我显示我正在销售的光盘信息时。

你能告诉我我该怎么办？

Answer 1

您可以使用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

Answer 2

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

Answer 3

html部分

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

jquery part：

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

当我点击按钮在同一页面javascript中显示更多信息

3 个答案: