SITE LOGO
Понедельник, 23.12.2024, 00:12
Меню сайта
Категории каталога
Скрипты [106]
Архивы рассылки [9]
Наш опрос
Оцените мой сайт
Всего ответов: 65
Начало » Статьи » Скрипты

Смена картинок - 2
<style type="text/css">
.redirstyle {
position:absolute;
left:10px;
top:130px;;
font-family:Arial;
font-size:8pt;
color:000000;
}
.textstyle {
position:absolute;
left:-2000px;
width:300px;
}
A {
color:FFFFFF;
}
.coverstyle {
position:absolute;
left:-2000px;
}
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -

var picOne=new Image()
picOne.src="86-1.jpg"

var picTwo=new Image()
picTwo.src="86-2.jpg"

var picThree=new Image()
picThree.src="86-3.jpg"

var message = new Array()
message[0]="<img src='86-1.jpg'>"
message[1]="<img src='86-2.jpg'>"
message[2]="<img src='86-3.jpg'>"
var i_message=0
var covertop=50
var coverleft=400
var coverwidth=1200
var coverheight=520
var texttop=covertop
var textleft=coverleft
var textwidth=400
var textheight=coverheight
var cliptop=0
var clipright=textwidth
var clipbottom=coverheight
var clipleft=0
var clippoints
var step=40
var pause=50
var timer

function init() {
if (document.all) {
document.all.text.style.posTop=texttop
document.all.text.style.posLeft=textleft
document.all.cover.style.posTop=covertop
document.all.cover.style.posLeft=coverleft
clipleft=0
fadeout()
}

if (document.layers) {
document.text.top=texttop
document.text.left=textleft
document.cover.top=covertop
document.cover.left=coverleft
clipleft=0
fadeout()
}
}

function fadeout() {
if (document.all) {
if (document.all.cover.style.posLeft >=(-coverwidth+textwidth+coverleft+step)) {
clipleft+=step
clipright=clipleft+textwidth
clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.cover.style.clip=clippoints
document.all.cover.style.posLeft-=step
timer= setTimeout("fadeout()",pause)
}
else {
clearTimeout(timer)
i_message++
if (i_message>=message.length) {i_message=0}
text.innerHTML=message[i_message]
fadein()
}
}
if (document.layers) {
if (document.cover.left >=(-coverwidth+textwidth+coverleft+step-22)) {
clipleft+=step
clipright=clipleft+textwidth
document.cover.clip.top=cliptop
document.cover.clip.left=clipleft
document.cover.clip.bottom=clipbottom
document.cover.clip.right=clipright
document.cover.left-=step
timer= setTimeout("fadeout()",pause)
}
else {
clearTimeout(timer)
i_message++
if (i_message>=message.length) {i_message=0}
document.text.document.write(message[i_message])
document.text.document.close()
fadein()
}
}
}

function fadein() {
if (document.layers) {
if (document.cover.left<=coverleft) {
clipleft-=step
clipright=clipleft+textwidth
document.cover.clip.top=cliptop
document.cover.clip.left=clipleft
document.cover.clip.bottom=clipbottom
document.cover.clip.right=clipright
document.cover.left+=step
timer= setTimeout("fadein()",pause)
}
else {
clearTimeout(timer)
init()
}
}
if (document.all) {
if (document.all.cover.style.posLeft<=coverleft) {
clipleft-=step
clipright=clipleft+textwidth
clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.cover.style.clip=clippoints
document.all.cover.style.posLeft+=step
timer= setTimeout("fadein()",pause)
}
else {
clearTimeout(timer)
init()
}
}
}
// - End of JavaScript - -->
</SCRIPT>

</HEAD>
<BODY bgcolor=FFFFFF style="width:100%;overflow-x:hidden;overflow-y:scroll" onLoad="init()">

<DIV ID="text" class="textstyle"><img src="86-1.jpg"></DIV>
<DIV ID="cover" class="coverstyle"><img src="86.gif"></DIV>
<DIV style="position:absolute;top:300px;left:1px;">

Скачать картинки для скрипта (9 КБ) http://wc3.game-s.ru/skripts/smena2.rar

Категория: Скрипты | Добавил: worldofskripts (11.03.2007)
Просмотров: 555 | Рейтинг: 0.0 |

Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа
Поиск по каталогу
Друзья сайта
Статистика
Copyright MyCorp © 2006 Конструктор сайтов - uCoz