Главная » 2009 » Июль » 4 » Плавное увеличение и уменьшение текста (Javascript)
04.07.2009, 14:26

Плавное увеличение и уменьшение текста



Скрипт позволяет плавно уменьшать и увеличивать текст. На скрине этого не покажешь, так что ставим и смотрим.

Code
<script language="JavaScript">
<!-- Begin  
// Original: Charles Foster (wcms_sf@msn.com)
// Web Site: http://kylo.ml.org/flash

// This script and many more are available free online at
// The JavaScript Source!! http://javascript.internet.com

var speed = 100;
var cycledelay = 2000;
var maxsize = 28;

var x = 0;
var y = 0;
var themessage, size;
var esize = "</font>";

function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var themessage2 = new initArray(
"Ваш текст1",
"Ваш текст2",
"Ваш текст3"
);
if(navigator.appName == "Netscape")
document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="wds"></span><br>');
function upwords(){  
themessage = themessage2[y];
if (x < maxsize) {
x++;
setTimeout("upwords()",speed);
}
else setTimeout("downwords()",cycledelay);

if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>";  
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px';
}
}  
function downwords(){
if (x > 1) {
x--;
setTimeout("downwords()",speed);
}
else {
setTimeout("upwords()",cycledelay);
y++;
if (y > themessage2.length - 1) y = 0;
}
if(navigator.appName == "Netscape") {
size = "<font point-size='"+x+"pt'>";  
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
wds.innerHTML = "<center>"+themessage+"</center>";
wds.style.fontSize=x+'px';
}
}
setTimeout("upwords()",speed);
// End -->
</script>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 3165 | Добавил: antisept | Рейтинг: 2.5/2 |
Теги: уменьшение, Плавное, текста, увеличение
Всего комментариев: 2
0  
1 DarkSlear   (05.01.2011 19:59) [Материал]
Аватар пользователя
Не работает! angry

0  
2 antisept -Infoscript Team-  (06.01.2011 09:52) [Материал]
Аватар пользователя
Работает, но только в IE

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]