Эффекты на основе Java Script

Вывод сообщения в полном и сокращенном варианте

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam fringilla, purus a ultrices blandit, odio ante scelerisque neque, vitae imperdiet odio velit ac nisl. Sed tortor metus, placerat condimentum, feugiat in, feugiat adipiscing, mi. Donec pulvinar sem vitae leo. Vestibulum eget lectus et ligula hendrerit pharetra. Sed porta justo ac nisl. Aliquam nisi erat, pellentesque sed, sagittis eu, fringilla sit amet, dolor. Nam ac mi. Pellentesque pede purus, mattis aliquet, semper nec, cursus a, orci. Duis bibendum nibh ac massa. Integer eu tortor. Aenean convallis quam at nunc. Nunc mollis tincidunt nisi. Suspendisse mauris odio, iaculis ut, feugiat vitae, ultrices in, tortor. Quisque at elit. In hac habitasse platea dictumst.	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<style type=text/css> /* стиль moreText и lessText / a.truncate_more_link {color: #00ffff;} a:hover.truncate_more_link {color: #ff00ff;} a:active.truncate_more_link {color: #00ffff;} a:visited.truncate_more_link {color: #00ffff;} .truncate_more {color: #ff6d6d;} / цвет раскрывающейся части при полном просмотре / .truncate_ellipsis {color: #00ff00;} / цвет ellipsisText */ .clearboth {color: #ff0000;} </style> <script src='http://skriptkpbstudio.ucoz.ru/demo_srt/jguery_txt/1017/jquery-1.2.2.pack.js' type='text/javascript'></script> <script src="http://skriptkpbstudio.ucoz.ru/demo_srt/jguery_txt/1017/jquery.jtruncate.pack.js" type="text/javascript"></script> <script type="text/javascript"> $().ready(function() { $('#jTruncate_example2').jTruncate({ length: 200, // колличество символов в сокращенном варианте minTrail: 0, moreText: "[Смотреть всё]", lessText: "[Сократить]", ellipsisText: " (Сокращенный вариант)", moreAni: "size", // эффект lessAni: 2000 // время действия эффекта }); }); </script>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет блок с текстом.
	<div id="jTruncate_example2" style="border: 1px solid #ff0000; padding: 10px; margin-left: auto; margin-right: auto; width: 320px; background-color: #666666; text-align: left;"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam fringilla, purus a ultrices blandit, odio ante scelerisque neque, vitae imperdiet odio velit ac nisl. Sed tortor metus, placerat condimentum, feugiat in, feugiat adipiscing, mi. Donec pulvinar sem vitae leo. Vestibulum eget lectus et ligula hendrerit pharetra. Sed porta justo ac nisl. Aliquam nisi erat, pellentesque sed, sagittis eu, fringilla sit amet, dolor. Nam ac mi. Pellentesque pede purus, mattis aliquet, semper nec, cursus a, orci. Duis bibendum nibh ac massa. Integer eu tortor. Aenean convallis quam at nunc. Nunc mollis tincidunt nisi. Suspendisse mauris odio, iaculis ut, feugiat vitae, ultrices in, tortor. Quisque at elit. In hac habitasse platea dictumst. </div>
Задаём сам блок с текстом, его размеры, стиль и содержимое.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.