Чтобы добавить ссылку на следующую страницу при большом тексте в контейнере с использованием языка JavaScript, вам потребуется немного кода. Вот пример простого решения для создания ссылки "ЕЩЕ":
HTML:
<div id="container"> <p>Ваш текст здесь.</p> </div> <a href="#" id="more-link">ЕЩЕ</a>
CSS:
#container { height: 200px; overflow: hidden; }
JavaScript:
window.onload = function() { var container = document.getElementById("container"); var moreLink = document.getElementById("more-link"); moreLink.onclick = function() { if (container.style.height === "200px") { container.style.height = "auto"; moreLink.innerHTML = "Скрыть"; } else { container.style.height = "200px"; moreLink.innerHTML = "ЕЩЕ"; } return false; } }
В данном примере мы создаем контейнер с идентификатором "container" и стиль overflow:hidden, что позволяет скрыть любой текст, который выходит за границы контейнера. Мы также создаем ссылку с идентификатором "more-link", которая будет отвечать за открытие/скрытие контейнера.
Когда пользователь нажимает на ссылку "ЕЩЕ", мы изменяем высоту контейнера на "auto", что приводит к отображению всего текста внутри контейнера. Ссылка "ЕЩЕ" также меняется на "Скрыть". Если пользователь нажимает на ссылку "Скрыть", мы возвращаем высоту контейнера обратно в 200px и меняем текст ссылки на "ЕЩЕ".
Таким образом, при большом тексте, пользователь сможет видеть лишь небольшой фрагмент и при необходимости сможет отобразить весь текст, нажав на ссылку "ЕЩЕ".