|
<STYLE>
<!--
.intro {
font-size: 15pt;
font-family: "Book Antiqua";
}
.leftwords {
z-index: 10;
left : -250px;
font-size: 20pt;
font-family: "New York";
font-weight: light;
visibility: hidden;
}
.rightwords {
z-index: 10;
left : 500px;
font-size: 20pt;
font-family: "New York";
font-weight: light;
visibility: hidden;
}
-->
</STYLE>
<!--Скрипт анимации-->
<SCRIPT language=JavaScript>
<!--
count = 1;
function start()
{
setTimeout("animate()", 1000);
}
function animate()
{
var i1 = document.all.i1.style;
var i2 = document.all.i2.style;
var i3 = document.all.i3.style;
i1.visibility = "visible";
if (count < 20) {
i1.posLeft += 7;
timer = setTimeout("animate()", 20);
}
else if(count < 35) {
timer = setTimeout("animate()", 20);
}
else if (count < 65) {
i2.visibility = "visible";
i2.posLeft += 7;
timer = setTimeout("animate()", 20);
}
else if(count < 80) {
timer = setTimeout("animate()", 20);
}
else if (count < 100) {
i3.visibility = "visible";
i3.posLeft += 7;
timer = setTimeout("animate()", 20);
}
else {
count = 0;
setTimeout("MakeVisible()", 500);
timer = setTimeout("CrossMoveArray()", 500);
}
count++;
}
function MakeVisible()
{
w1.style.visibility = "visible";
}
function CrossMoveArray()
{
var i1 = document.all.i1.style;
var i2 = document.all.i2.style;
var i3 = document.all.i3.style;
i1.visibility = "hidden";
i2.visibility = "hidden";
i3.visibility = "hidden";
count++;
w1.style.posLeft += 16
if(count > 20) {
w1.style.visibility = "visible";
w8.style.visibility = "visible";
w3.style.visibility = "visible";
w1.style.posLeft += 10
w8.style.posLeft -= 10
w3.style.posLeft += 14
}
if(count > 30) {
w12.style.visibility = "visible";
w7.style.visibility = "visible";
w12.style.posLeft -= 8
w7.style.posLeft += 10
}
if(count > 40) {
w17.style.visibility = "visible";
w5.style.visibility = "visible";
w10.style.visibility = "visible";
w14.style.visibility = "visible";
w17.style.posLeft += 6
w5.style.posLeft += 2
w10.style.posLeft -= 30
w14.style.posLeft -= 10
}
if(count > 50) {
w9.style.visibility = "visible";
w11.style.visibility = "visible";
w13.style.visibility = "visible";
w15.style.visibility = "visible";
w2.style.visibility = "visible";
w4.style.visibility = "visible";
w6.style.visibility = "visible";
w16.style.visibility = "visible";
w9.style.posLeft += 8
w11.style.posLeft += 20
w13.style.posLeft += 12
w15.style.posLeft += 4
w2.style.posLeft -= 45
w4.style.posLeft -= 8
w6.style.posLeft -= 30
w16.style.posLeft -= 17
}
if(count < 60) {
timer = setTimeout("CrossMoveArray()", 50);
}
else {
count = 0;
timer = setTimeout("Clear()", 50);
}
}
<!--Разбежались!-->
function Clear() {
count++;
w1.style.posLeft += 150
w3.style.posLeft += 150
w5.style.posLeft += 150
w7.style.posLeft += 150
w9.style.posLeft += 150
w11.style.posLeft += 150
w13.style.posLeft += 150
w15.style.posLeft += 150
w17.style.posLeft += 150
w2.style.posLeft -= 150
w4.style.posLeft -= 150
w6.style.posLeft -= 150
w8.style.posLeft -= 150
w10.style.posLeft -= 150
w12.style.posLeft -= 150
w14.style.posLeft -= 150
w16.style.posLeft -= 150
if(count < 10){
timer = setTimeout("Clear()", 50);
}
else {
count = 0;
timer = setTimeout("Transition()", 500);
}
}
<!--А это сам фильтр для картинки.-->
function Transition(){
Daisy.filters.item(0).Transition=12;
Daisy.filters.item(0).Apply();
Daisy.style.visibility= "visible";
Daisy.filters.item(0).Play(5);
fly(1);
}
function fly(index){
var script1 = document.all.tagLine.style;
if (index == 2){
script1.visibility = "visible";
}
if (count < 30){
script1.posTop +=7;
setTimeout("fly(2);",50);
}
<!--В этом месте желательно поставить переход на вашу титульную страницу-->
if (count == 30){
setTimeout("document.location=\"s4.htm\"", 5000);
}
count++;
}
// -->
</SCRIPT>
</HEAD>
<BODY bgcolor=white onLoad = 'start();'>
<!-- А это красявая картинка -->
<DIV ID=Daisy STYLE="z-index:10; position: absolute; top: 50; left: 150; visibility:hidden;
background-color:white;font-family:verdana;color:silver;font-size:20pt;
FILTER:revealTrans(Duration=3.0, Transition=4)">
<IMG SRC="test1.jpg">
</DIV>
<DIV id=tagLine STYLE="position: absolute; TOP: 50; LEFT: 120; z-index:11; color: blue; visibility:hidden;">
<NOBR>
Для этой картинки использовался фильтр Transition
</NOBR>
<BR>
Здесь могла быть ВАША реклама! :)
</DIV>
<!--А это всё летающие строки-->
<DIV
class=intro ID="i1" style="position: absolute; top: 170; left:-90;
visibility: hidden; z-index: 10" >Сейчас полезут всякие умные мысли
:)</DIV>
<DIV class=intro ID="i2" style="position:
absolute; top: 200; left:-90; visibility:hidden; z-index: 10" >Что
делать?</DIV>
<DIV class=intro ID="i3" style="position:
absolute; top: 230; left:-90; visibility: hidden; z-index: 10" >А не
попить ли мне пивка?</DIV>
<!-- Бегущие слова -->
<DIV class = leftwords id=w1 style="position: absolute; top: 0px; font-size: 15pt">Какое пиво лучше?</DIV>
<DIV
class = rightwords id=w2 style="position: absolute; top: 25px; ">А
мне <font color="red">летать</font>охота!!!</DIV>
<DIV
class = leftwords id=w3 style="position: absolute; top: 25px;
"><font color = "green">Где найти необходимую
информацию?</font></DIV>
<DIV class = rightwords id=w4 style="position: absolute; top: 100px;">Где найти?</DIV>
<DIV class = leftwords id=w5 style="position: absolute; top: 125px; font-size: 15pt">Для чего это нужно?</DIV>
<DIV
class = rightwords id=w6 style="position: absolute; top: 150px;
font-size: 10pt"><font color ="green">Вот и всё, что останется
после <font color="brown">меня
</font>?</font></DIV>
<DIV class = leftwords id=w7 style="position: absolute; top: 175px;">Что думают люди об Инете?</DIV>
<DIV
class = rightwords id=w8 style="position: absolute; top: 200px;
font-size: 15pt">Народ, давайте жить дружно!!!</DIV>
<DIV
class = leftwords id=w9 style="position: absolute; top: 250px;">У
Вас есть <font color="blue">высшее
образование?</font></DIV>
<DIV class = rightwords id=w10 style="position: absolute; top: 275px; font-size: 10pt">QUAKE Forever!!!</DIV>
<DIV
class = leftwords id=w11 style="position: absolute; top:
325px;"><font color="olive">Two beer or not two beer? That's
our question.</font></DIV>
<DIV class = rightwords id=w12 style="position: absolute; top: 350px; font-size: 15pt">Автор АзАт. 1999</DIV>
<DIV class = leftwords id=w13 style="position: absolute; top: 375px;">Где найти информацию?</DIV>
<DIV
class = rightwords id=w14 style="position: absolute; top: 300px;
font-size: 10pt">Здесь могла быть ваша реклама.</DIV>
<DIV class = leftwords id=w15 style="position: absolute; top: 25px; font-size: 15pt">Поможите бедным студентам</DIV>
<DIV
class = rightwords id=w16 style="position: absolute; top:
225px;">Как прожить на одну <font
color="red">стипендию</font>?</DIV>
<DIV class = leftwords id=w17 style="position: absolute; top: 210px; font-size: 10pt">А по сопатке?</DIV>
</BODY>
</HTML>
<!--Ну счастливо попользоваться. АзАт-->
|
|
|
