|
| Дата: Четверг, 02.01.2014, 14:20 | Сообщение # 1 |
|
Группа: Администраторы
Сообщений: 1530
| 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Пустим текст по кругу</title>
<style type="text/css">
h2 {line-height:1em}
</style>
<script type="text/javascript" src="http://s21.ucoz.net/src/jquery-1.7.2.js"></script>
<script src="http://kachay.ucoz.org/js/fit_circle_text/plugins.js"></script>
<script src="http://kachay.ucoz.org/js/fit_circle_text/circletype.js"></script>
<script src="http://kachay.ucoz.org/js/fit_circle_text/fit_text.js"></script>
</head>
<body>
<div style="width:50%;margin:0 auto;">
<h2 id="demo3">
</h2>
</div>
<script>
var str="kachay.ucoz.org";
for(var i=0;i<8;i++){
str+=("@@");
}
$("#demo3").html(str);
$('#demo3').fitText(1); //1 - коэфф. умножения
$('#demo3').circleType({dir:1,radius: 0}); //dir - направление(по часовой или против(-1))
</script>
</body></html>
---------------------------------------
Рабочий пример на нашем сайте: http://kachay.ucoz.org/load/text_fit_circle/27-1-0-374
Источник с расширенными настройками http://circletype.labwire.ca/
|
| |
| |
Играйте бесплатно в 
