htmltrm

Kodu...

<br />
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://htmltrm.tr.gg
Created by: htmltrm | http://www.htmltrm.tr.gg/ */
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=0)";
    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>   <style type="text/css">
div.cf_wrapper {
  position: relative;
  left: 30%;
}
  
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;
}
</style>
<div class="cf_wrapper">
<div class="cf_element" id="cf1">
<div class="content">
<h3>Yazı 1</h3>
<p>Deneme Yazı Sen İstersen Yaz Kodmu La&nbsp; Bu Nasıl Bişi BU la Anasını Satım xD allahalla Nasıl Yazı Yazılıo xDD yazı yazı hey yazıııı xD</p>
</div>
</div>
<div class="cf_element" id="cf2">
<div class="content">
<h3>Yazı 2</h3>
<p>Ge&ccedil;en Facede Bi Fotoda G&ouml;rd&uuml;m Adam Yorum Yazmış Yorumda Soyle Solemiş ;<br />
-Nasıl Yorum Yazılıo?<br />
Koptum Ya Biri DE yazmış ;<br />
-Kafanı Yasla Ekrana D&uuml;ş&uuml;nd&uuml;qlerini Kendisi Yazı xDDD</p>
</div>
</div>
<div class="cf_element" id="cf3">
<div class="content">
<h3>Element 3</h3>
<p style="text-align: center;"><img height="150" width="200" alt="" src="https://img.webme.com/pic/h/htmltrm/minilogo.png" /><br />
<span style="text-decoration: underline;">HTMLTRM HERKESİ BEKLERİZ EN LERİ SİTESİ... BURDA COK &Ouml;ĞRENECEĞİN BİLGİ VAR BEKLEMEN BİLE HATA BAKSANA HALA OLE B&Ouml;N B&Ouml;N BAKIOSUN YAV KARDESİM GİR SENE xDD</span></p>
</div>
</div>
</div>
<script type="text/javascript">
<!--
  var cf = new Crossfader( new Array('cf1','cf2','cf3'), 500, 2000 );
-->
</script> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />