Код:
<head>
<style type="text/css">
<!--
div.cf_wrapper {
position: relative;
}
div.cf_element {
width: 400px;
background-color: #eee;
border: 1px solid #ccc;
}
div.cf_element div.content {
padding: 10px;
}
div.cf_element div.content h3 {
padding-top: 0;
margin-top: 0;
}
#wrapper {
width: 400px;
margin: 10px auto;
text-align: left;
clear: both;
}
-->
</style>
<script type="text/javascript">
var useBSNns;
if (useBSNns) {
if (typeof(bsn) == "undefined")
bsn = {}
var _bsn = bsn;
} else {
var _bsn = this;
}
_bsn.Crossfader = function (divs, fadetime, delay ) {
this.nAct = -1;
this.aDivs = divs;
for (var i=0;i<divs.length;i++) {
document.getElementById(divs[i]).style.opacity = 0;
document.getElementById(divs[i]).style.position = "absolute";
document.getElementById(divs[i]).style.filter = "alpha(opacity=10)";
document.getElementById(divs[i]).style.visibility = "hidden";
}
this.nDur = fadetime;
this.nDelay = delay;
this._newfade();
}
_bsn.Crossfader.prototype._newfade = function() {
if (this.nID1)
clearInterval(this.nID1);
this.nOldAct = this.nAct;
this.nAct++;
if (!this.aDivs[this.nAct]) this.nAct = 0;
if (this.nAct == this.nOldAct)
return false;
document.getElementById( this.aDivs[this.nAct] ).style.visibility = "visible";
this.nInt = 50;
this.nTime = 0;
var p=this;
this.nID2 = setInterval(function() { p._fade() }, this.nInt);
}
_bsn.Crossfader.prototype._fade = function() {
this.nTime += this.nInt;
var ieop = Math.round( this._easeInOut(this.nTime, 0, 1, this.nDur) * 100 );
var op = ieop / 100;
document.getElementById( this.aDivs[this.nAct] ).style.opacity = op;
document.getElementById( this.aDivs[this.nAct] ).style.filter = "alpha(opacity="+ieop+")";
if (this.nOldAct > -1) {
document.getElementById( this.aDivs[this.nOldAct] ).style.opacity = 1 - op;
document.getElementById( this.aDivs[this.nOldAct] ).style.filter = "alpha(opacity="+(100 - ieop)+")";
}
if (this.nTime == this.nDur) {
clearInterval( this.nID2 );
if (this.nOldAct > -1)
document.getElementById( this.aDivs[this.nOldAct] ).style.visibility = "hidden";
var p=this;
this.nID1 = setInterval(function() { p._newfade() }, this.nDelay);
}}
_bsn.Crossfader.prototype._easeInOut = function(t,b,c,d) {
return c/2 * (1 - Math.cos(Math.PI*t/d)) + b;
}
</script>
</head>
<body>
<div id="wrapper">
<div class="cf_wrapper">
<div class="cf_element" id="cf1">
<div class="content">
<h3>Element 1</h3>
<p>Скрипт умеет все, что нужно для стабильного и честного трейда, скрипт специально для RU сегмента и полностью на него <a href="#">Ссылка на что нибудь </a> ориентирован в плане статистики …</p>
</div>
</div>
<div class="cf_element" id="cf2">
<div class="content">
<h3>Element 2</h3>
<p>Твой софтовый форум скачать бесплатно без регистрации программу...
Согласно заданным схемам-правилам скрипт распределяет трафик по указаным ресурсам. <strong>Вебмастер </strong>получает удобный инструмент для … Ребенок напрокат (DVDRip) 1995. Директор детского дома в рождественские каникулы уезжает на отдых и просит своего отца...</p>
</div>
</div>
<div class="cf_element" id="cf3">
<div class="content">
<h3>Element 3</h3>
<p style="text-align: center;">
<img src="http://javascript.clan.su/ime/32635056.gif" width="150" height="90"><br>
НЛО – фото и видео материалы, интересные факты, иноланетяне...
Мы предлагаем вам то же самое видео НЛО, фото и прочие материалы, но далеко не собираемся убеждать вас в обязательном … Современная эра НЛО началась в USA в 1947 г., <a href="#">когда летчики обнаружили неизвестные им летающие объекты!</a></p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var cf = new Crossfader( new Array('cf1','cf2','cf3'), 500, 2000 );
</script>
</body>