Новичок
Профиль
Группа: Участник
Сообщений: 36
Регистрация: 15.7.2006
Репутация: нет
Всего: нет
|
Sardar, респект  . Очень помог, я сейчас страничку для себя пишу, решил использовать эффект изменения прозрачности слов, видел такой эффект на одной страничке, но там использовалась флешка, хороший наверное вариант, но я не знаю как ее сделать. Мой вариан, с помощю алгоритма не эффективен, т.к. съедает [censored] памяти, итак куча функций, да еще и на банер занимает не меренно. Что нибуть предложишь? Вот часть кода: | Код |
<html>
<head>
<script language="javascript" type="text/javascript">
// *** As it is pleasant to feel heat of your soul ***
///*************************Маргающая рекламма**************************
var GlukTime; //Таймер
var g=-1; //Переменная используемая в качестве индекса массива
var GlukMas=new Array('#920392','#293092','#121212','#970033');
var GlukMas2=new Array('#920392','#293092','#121212','#970033');
var GlukMas3=new Array('#920392','#293092','#121212','#970033');
//var GlukMas4=new Array('#920392','#293092','#121212','#970033');
function Gluk(){
GlukTime = window.setInterval("GlukGo()",10);
}
function GlukGo(){
g++;
document.getElementById("gluk").style.color=GlukMas[g];
document.getElementById("gluk2").style.color=GlukMas[g];
document.getElementById("gluk3").style.color=GlukMas[g];
// document.getElementById("gluk4").style.color=GlukMas[g];
if(g==3){clearInterval(GlukTime); GlukTime=window.setInterval("GlukGo2()",10);}
}
function GlukGo2(){
g--;
document.getElementById("gluk").style.color=GlukMas[g];
if(g==0) {clearInterval(GlukTime); GlukTime=window.setInterval("GlukGo()",10);;}
}
///**********************************************SOUND
var timeGenerate;
function GENERATE(){ //В этой функции таймер сработает один раз
timeGenerate=window.setInterval("soundGo()", 1000); //Два таймера перед запуском песни
}
var time;
var i=1;
var ID="audioMyLove";
var IDend="audioMyLove";
function soundGo(){
clearInterval(timeGenerate);
time=window.setInterval("f2()", 170000); //Первая песня должна играть 170+1 сек
}
function f2(){
document.getElementById(IDend).Stop();
i++;
IDend=ID+i; //Делаем конкотенацию
document.getElementById(IDend).Play();
if(i==10) clearInterval(time); //Как только заиграет 10-ая песня, остановим таймер
}
///**********************************Перемещения банеров *************************************************************
///******Левый банер
//Запуск
function GoleftAndTop(){
timeLeftAndTop=window.setInterval("leftAndTop()", 100);
}
var timeLeftAndTop;
var L=55, T=50, Alpha=35;
function leftAndTop(){
document.getElementById("gluk").style.top=++T;
document.getElementById("gluk").style.left=++L;
document.getElementById("gluk").filters["alpha"].opacity=--Alpha; //Изменить параметр Alpha
if(T==70){clearInterval(timeLeftAndTop); timeLeftAndTop=window.setInterval("leftAndTop2()", 100); }
}
function leftAndTop2(){ //Функция которая доведет значение top до начального
document.getElementById("gluk").filters["alpha"].opacity=++Alpha;
document.getElementById("gluk").style.top=--T;
if(T==50){clearInterval(timeLeftAndTop); timeLeftAndTop=window.setInterval("leftAndTop3()", 100); }
}
function leftAndTop3(){ //Функция которая доведет значение left до начального, и опять запустить заново
document.getElementById("gluk").style.left=--L;
if(L==55){clearInterval(timeLeftAndTop); timeLeftAndTop=window.setInterval("leftAndTop()", 100);
Alpha=35; }
}
///******Средний банер
//Запуск
function GoleftAndTopS(){
timeLeftAndTop2=window.setInterval("leftAndTopS()", 100);
}
var timeLeftAndTop2;
var L2=405, T2=50, Alpha2=11;
function leftAndTopS(){
document.getElementById("gluk2").filters["alpha"].opacity=++Alpha2;
document.getElementById("gluk2").style.top=++T2;
document.getElementById("gluk2").style.left=--L2;
if(T2==70){clearInterval(timeLeftAndTop2); timeLeftAndTop2=window.setInterval("leftAndTopS2()", 100); }
}
function leftAndTopS2(){ //Функция которая доведет значение top до начального
document.getElementById("gluk2").filters["alpha"].opacity=--Alpha2;
document.getElementById("gluk2").style.left=++L2;
if(L2==405){clearInterval(timeLeftAndTop2); timeLeftAndTop2=window.setInterval("leftAndTopS3()", 100); }
}
function leftAndTopS3(){ //Функция которая доведет значение left до начального, и опять запустить заново
document.getElementById("gluk2").style.top=--T2;
if(T2==50){clearInterval(timeLeftAndTop2); timeLeftAndTop2=window.setInterval("leftAndTopS()", 100);
Alpha2=11;}
}
///******Правый банер
//Запуск
function GoleftAndTopP(){
timeLeftAndTop3=window.setInterval("leftAndTopP()", 100);
}
var timeLeftAndTop3;
var L3=70, T3=50, Alpha3=35;
function leftAndTopP(){
document.getElementById("gluk3").filters["alpha"].opacity=--Alpha3;
document.getElementById("gluk3").style.top=++T3;
document.getElementById("gluk3").style.right=++L3;
if(T3==70){clearInterval(timeLeftAndTop3); timeLeftAndTop3=window.setInterval("leftAndTopP2()", 100); }
}
function leftAndTopP2(){ //Функция которая доведет значение top до начального
document.getElementById("gluk3").filters["alpha"].opacity=++Alpha3;
document.getElementById("gluk3").style.top=--T3;
if(T3==50){clearInterval(timeLeftAndTop3); timeLeftAndTop3=window.setInterval("leftAndTopP3()", 100); }
}
function leftAndTopP3(){ //Функция которая доведет значение left до начального, и опять запустить заново
document.getElementById("gluk3").style.right=--L3;
if(L3==70){clearInterval(timeLeftAndTop3); timeLeftAndTop3=window.setInterval("leftAndTopP()", 100);
Alpha3=35;}
}
///********************************************************************************************************************
//bgcolor="#909090"
</script>
</head>
<body bgcolor="#7b9cbd" onLoad="Gluk(), GoleftAndTop(), GoleftAndTopS(), GoleftAndTopP()">
<table border=0 cellPadding=0 cellSpacing=0 style="position:absolute;top:0;left:0;">
<TR>
<TD><a href="img/left.gif" alt="МИ"><img src="img/left.gif" border=3 width=370 height=120></a></TD>
<TD><a href="img/center.gif" alt="МИ"><img src="img/center.gif" border=3 width=370 height=120></a></TD>
<TD><a href="img/right.gif" alt="МИ"><img src="img/right.gif" border=3 width=370 height=120></a></TD>
</TR>
</table>
<div id="gluk" style="position:absolute;top:50;left:55;color:#977711;filter:alpha(opacity='15')">
<H>Фотостудия ВИРДЖИНИЯ</H>
</div>
<div id="gluk2" style="position:absolute;top:50;left:405;color:#989800;filter:alpha(opacity='11')">
<P2>Магазин цифровых фотоаппаратов</P2>
</div>
<div id="gluk3" style="position:absolute;top:50;right:70;color:#889811;filter:alpha(opacity='7')">
<A2>Тутистическое агенство</A2>
</div>
<div id="vrazrab" style="position:absolute;top:130;left:70;z-index:1;text-indent:7pt;font-family:impact;color:#984800;filter:alpha(opacity='15');">
Сайт в разработке
</div> <div id="vrazrab" style="position:absolute;top:170;left:14;z-index:1;text-indent:20pt;font-family:impact;color:#974800;filter:alpha(opacity='7');">
Сайт в разработке
</div> <div id="vrazrab3" style="position:absolute;top:190;left:780;z-index:1;text-indent:15pt;font-family:impact;color:#984800;filter:alpha(opacity='7');">
Сайт в разработке
</div> <div id="vrazrab" style="position:absolute;top:222;left:890;z-index:1;text-indent:15pt;font-family:impact;color:#954800;filter:alpha(opacity='7');">
Сайт в разработке
</div> <div id="vrazrab" style="position:absolute;top:290;left:210;z-index:1;text-indent:15pt;font-family:impact;color:#944800;filter:alpha(opacity='7');">
Сайт в разработке
</div> <div id="vrazrab" style="position:absolute;top:350;left:800;z-index:1;text-indent:15pt;font-family:impact;color:#934800;filter:alpha(opacity='7');">
Сайт в разработке
</div> <div id="vrazrab" style="position:absolute;top:410;left:146;z-index:1;text-indent:15pt;font-family:impact;color:#924800;filter:alpha(opacity='7');">
Сайт в разработке
</div> <div id="vrazrab" style="position:absolute;top:450;left:120;z-index:1;text-indent:15pt;font-family:impact;color:#914800;filter:alpha(opacity='7');">
Сайт в разработке
</div> <div id="vrazrab" style="position:absolute;top:500;left:790;z-index:1;text-indent:15pt;font-family:impact;color:#984800;filter:alpha(opacity='7');">
Сайт в разработке
</div> <div id="vrazrab" style="position:absolute;top:550;left:200;z-index:1;text-indent:15pt;font-family:impact;color:#984800;filter:alpha(opacity='7');">
Сайт в разработке
</div> <div id="vrazrab12" style="position:absolute;top:599;left:780;z-index:1;text-indent:35pt;font-family:impact;color:#784800;filter:alpha(opacity='7');">
Сайт в разработке
</div>
</body>
</html>
|
|
Обращение к filter в стилях, Как обратится к эллементу filter? 
Загрузка ...
