Обтекание текста по окружнсти

Категория: Java / JavaScript , Веб-мастеру Комментариев: 1

С помощью этого java-скрипта можно сделать на своем сайте обтекание текста вокруг какой-либо круглой картинки.

Вот, собственно, код скрипта:
<script>
function roundimages(R){
var D = R*2;
var St = Math.PI/R;
var fa = new Array(R+1);
for(j=0; j<=Math.PI/2+0.01; j+=St){
var X = Math.round(Math.sin(j)*R);
var Y = Math.round(Math.cos(j)*R);
fa[X] = Y;
}
var pL = 0;
var S = 0;
var ic = 0;
for(k=0; k<2; k++){
for(j=0; j<R; j++){
if(k==0){if(fa[R-j-1])pL = fa[R-j-1];}
else if(fa[j])pL = fa[j];
S=R-pL;
document.write("
<div style='position:relative; clear:both; left:"+S+"px; float:left; height:1px; width:"+(pL*2)+"px; margin-right:"+(S)+"px;'>
<div style='position:absolute; height:1px; width:100%;'></div>
</div>");
ic++;
}
}
}
</script>

Вставляем этот код в страницу сайта, затем вызываем в нужном месте коммандой
<script>roundimages(100);</script>
Здесь 100 следует заменить необходимым радиусом обтекания.

Пример работы скрипта:

Текст над зоной обтекания Текст над зоной обтекания Текст над зоной обтекания Текст над зоной обтекания Текст над зоной обтекания Текст над зоной обтекания Текст над зоной обтекания Текст над зоной обтекания Текст над зоной обтекания

Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст Обтекаемый текст

Автор: Кто-то   @   2 февраля 2009 Комментариев: 1
Метки : ,

Поблагодарить автора

Webmoney Z163628999150, R617151845974

Комментариев: 1

Комментарии
Сен 21, 2010
14:25
#1 Ромыч :

Не работает почему-то :(

оставить комментарий

Предыдущая запись
«
Следующая запись
»