我有一个超过五行的段落。但我不想显示所有段落。我想在第二行末尾添加“read more”选项。如果用户在使用PHP或使用javascript转到其他页面后单击该选项。
例如:
每个参与者都需要携带他或她最好的菜肴。评委最初将为每个菜肴分配一个分数。现在,将进行几轮比赛。在每一轮中,任何两位厨师都会在舞台上被召唤。然后,每位厨师都可以选择任何一道菜来与另一位厨师作战,而那位拥有较高分数的菜将赢得这一轮
但我需要以下输出
每个参与者都需要携带他或她最好的菜肴。评委最初将为每个评分...... [阅读更多]。
请提出任何建议!
谢谢。
答案 0 :(得分:1)
利用substr()
$string
等于您的文字字符串:
<?php
$string = 'String of text that you want to shorten';
// Starts at the beginning of the string and ends after 100 characters
echo substr($string, 0, 100).'... <a href="page.php">Read More</a>';
?>
答案 1 :(得分:0)
您也可以使用
$words = preg_split('/\s+/', $string, PREG_SPLIT_DELIM_CAPTURE);
获取字词并使用array_range()
数组进行$words
调用。并使用implode(null, $selectedArrayRange) . ' <a href="#">read more</a>'
生成摘要字符串。
答案 2 :(得分:-1)
使用jquery非常简单。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<script src="jquery-1.10.2.js"></script>
<script src="jquery-ui.js"></script>
</head>
<body>
<?php
echo ('<p> this is a paragraph </p><button class="one">read more</button>');
echo ('<p class="two"> this is more</p>');
?>
<script>
$(document).ready(function(e) {
$(".two").hide();
$(".one").mouseenter(function(e) {
$(".two").show("blind");
});
$(".one").mouseleave(function(e) {
$(".two").hide("blind");
});
});
</script>
</body>
</html>
在此处查看结果: example