Всем еще раз здрасте, Ciber SLasH еще раз спасибо 
Возникли еще пара вопросов.
Новую тему создовать не стал так что звиняйте.
Почему не возможно использовать переменные в установке значений в substring,
т.е. если использую переменные txt.substring(i, n)fontsize(5) вместо цифр txt.substring(0, 5)fontsize(5) то ни чего не получается?
А вообще хочу реализовать эффект чтобы при наведении на картину, каждая по очереди буква увеличивалась и соответственно уменьшал, для этого я разработал следующий алгоритм:
Создал переменную таймера, две переменных инициализирующих индексы расположения букв:
i - переменная инициализирует увеличенную букву.
n - следующий за i эллемент
При входе в функцию где происходит сие дело тупо вставляется начальнальная надпись, как бы после увеличения буква уменьшилась.
Первая буква увеличивается в отдельном блоке
| Код |
if(i==0){
txt = txt.substring(0, 1).fontsize(5)+txt.substring(1,txt.length).fontsize(2);
obj.innerHTML=txt; i++;
|
, все остальные при помощи операторов и разбиения всего слова на три части:
| Код |
else { n++; txt=txt.substring(0, i).fontsize(2)+txt.substring(i,n).fontsize(5)+txt.substring(n,txt.length).fontsize(2);
i++;}
|
Середина это всегда увеличивающаяся буква.
После полного прохождения слова все переменные получают начальные значения.
Вот и все, логика проста, осталось найти синтаксический баг .
Считаю что он именно в том что используются пееменный вместо просто числовых значений, т.к. в упрощенном варианте этот эффект имено не работал.
Код для заинтересованных
| Код |
<html>
<head>
<script type='text/javascript'>
var Go=true;
var SetTime;
var i=0;
var n=1;
var obj;
function GoTimeFlashStyle(ID,W) if(G0){{
document.getElementById(ID).width = 215;
obj = document.getElementById("IMGdivID");
SetTime=window.setInterval("FlashStyle()", 1000);
Go=false;
}
}
function FlashStyle() {
obj.innerHTML="Консультант №1";
var txt = obj.innerText;
if(i==0){
txt = txt.substring(0, 1).fontsize(5)+txt.substring(1,txt.length).fontsize(2);
obj.innerHTML=txt; i++;
} else { n++; txt=txt.substring(0, i).fontsize(2)+txt.substring(i,n).fontsize(5)+txt.substring(n,txt.length).fontsize(2);
i++;}
if(i==14){clearInterval(SetTime); i=0; n=1; Go=true;}
}
</script>
</head>
<body id='bod' bgcolor="#009983">
<a href='img\1.jpg'><img id='img1' src='img\1.jpg' width="210" style='position: absolute; top: 210; left: 100; z-index: 0;' onMouseOver='GoTimeFlashStyle("img1", this.width)' onMouseOut='this.width = 210'></a>
<div id='IMGdivID' style='position: absolute; top: 460; left: 120; color: #423323; width: 150; height: 30; overflow: hidden'>Консультант №1</div>
</body>
</html>
|
|