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

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

你能告诉我我该怎么做吗？

4

3 回答 3

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>

例子

于 2013-06-13T05:42:00.260 回答
-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);
  });
});
于 2013-06-13T06:02:52.207 回答
-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;
        });
    });
于 2013-06-13T06:24:13.670 回答