Размер шрифта в зависимости от колличества слов.
|
|
Среда, 28 Января 2009 г. 19:44
+ в цитатник
Оригинал сообщенияКомментарии: 
Не знаю, может кому-то и пригодится это. Вообще, это лучше всего применять к блокам с цитатами, у которых фиксирована ширина и высота.
Реализован данный способ на
jQuery.
Для того, что бы достичь следующего
результата нам, как обычно, надо подключить библиотеку jQuery.
<script type="text/javascript">
google.load("jquery", "1.3.1");
</script>
А теперь сам код скрипта:
$(function(){
var $quote = $(".post p:first");
var $numWords = $quote.text().split(" ").length;
if (($numWords >= 1) && ($numWords < 10)) {
$quote.css("font-size", "36px");
}
else if (($numWords >= 10) && ($numWords < 20)) {
$quote.css("font-size", "32px");
}
else if (($numWords >= 20) && ($numWords < 30)) {
$quote.css("font-size", "28px");
}
else if (($numWords >= 30) && ($numWords < 40)) {
$quote.css("font-size", "24px");
}
else {
$quote.css("font-size", "20px");
}
});
Вот и все. Надо теперь создать какой-нибудь контейнер с классом
.post и положить в него текст, оформленный тегом
По мотивам данной статьи.
Я слушаю di.fm
LIci WP - WordPress crossposting plugin
-
Запись понравилась
-
0
Процитировали
-
0
Сохранили
-