如何将文字分成两部分

时间:2009-07-03 00:53:12

标签: asp.net

我正在我的数据库中显示保存在asp.net页面上的Literal控件中的内容。

我想获取所有数据,但使用脚本只显示用户的一部分。名为“Read More ..”的链接将在文本末尾动态添加。如果用户喜欢阅读部分,他/她可以点击“阅读更多...”并浏览整篇文章。

如何创建这样的功能?

2 个答案:

答案 0 :(得分:0)

我建议您不要在页面上放置文字。首先,我会在页面上放置一个PlaceHolder。然后,您可以缩短将添加到Literal的显示文本,然后将其添加到PlaceHolder。然后,您可以将HyperLink(或LinkBut​​ton)添加到PlaceHolder。当用户单击链接/按钮时,您可以重置该PlaceHolder的数据。

答案 1 :(得分:0)

与安德鲁一样,但有一些Javascript:

将文字剪切到您想要的位置,然后使用display:none添加超链接和范围。

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do  
eiusmod tempor <a href="#" id="readMore">Read More ...</a> 
<span id="readMoreText">incididunt  ut labore et dolore magna aliqua. 
Ut enim ad minim veniam, quis  nostrud exercitation ullamco laboris nisi 
ut aliquip ex ea commodo  consequat. Duis aute irure dolor in reprehenderit 
in voluptate velit  esse cillum dolore eu fugiat nulla pariatur. 
Excepteur sint occaecat  cupidatat non proident, sunt in culpa qui 
officia deserunt mollit anim id est laborum.</span>

你可以在那里看到它。在你的Javascript(jQuery)中,当点击#readMore时,让#readMoreText从display:none显示:inline,并将超链接显示为:none。