1

我做了一个小 div 框,只够包含 2 行半的句子。但实际上我想要做的是,我只是显示预览(几行句子)。我想在句子的末尾添加“阅读更多...”,当用户点击它时,会导致另一个页面显示整篇文章。

我正在从数据库中提取这些文章。我的问题是,如何从数据库中提取几行并在小 div 框中预览...?

最好的方法是什么?我应该如何控制文本的数量作为要在 div 框中显示的预览。

可以用 Javascript、PhpMysql 提取代码、CSS 控制吗?什么是最好的方法 ?

注意:(我正在从数据库中提取文章。作为测试平台,我使用 wamp 服务器及其 mysql 数据库)

4

3 回答 3

0

What you can do is extract the whole text from the database, and run the following javascript on your text nodes:

Cutter.js

From their documentation:

Cutter.run( oApplyTo, oTarget, nWords, oTexts, oClasses )
于 2012-10-25T14:08:40.643 回答
0

不是答案,而是一些提示:

您可以尝试使用 ajax 来获取整篇文章并使用 js 对其进行剪辑。
或者,提供服务器端支持以提供剪辑文章并使用 ajax 获取。

获得文章的剪辑部分后,使用 innerHTML 将其显示在 div 中应该相当容易。

要固定 div 框的位置,可以使用 js 或 css。

于 2012-10-25T15:35:11.253 回答
0

您可以在数据库中执行类似摘录列的操作,并将其显示在您的 div 框中,当用户单击“阅读更多”时,您可以从数据库加载全文。或者您可以编写简单的 js 脚本,该脚本将删除您不需要的所有内容。或者您可以通过 css 为您的 div 框设置大小并将溢出属性设置为隐藏:

.excerpt {
   width: xx px;
   height: xx px;
   overflow: hidden;
}
于 2012-10-25T14:11:37.957 回答