Yazı İÇERİSİNDE kullanabileceginiz Farklı ziyaretinde resim yazı ekleyebildiğiniz ziyaretinde de uzun yazılarınızın önemli Diğer kısımlarını bu özellikle belirtebilirsiniz.

<Script type = "text / javascript"> 
/ * Bu script ve daha birçok mevcuttur ücretsiz çevrimiçi 
JavaScript Kaynak !! http://javascript.internet.com 
Oluşturan: Timothy Groves | http://www.brandspankingnew.net/ * / 
var useBSNns; 

if (useBSNns) { 
if (typeof (bsn) == "tanımsız") 
bsn = { } 
var _bsn = bsn; 
} else { 
var _bsn = Bu; 
} 

_bsn.Crossfader = function (divs, fadetime, gecikme) {   
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 = "mutlak";. 
document.getElementById (divs [i]) .style.filter = "alfa (opaklık = 0)"; 
document.getElementById (divs [i]) style.visibility = "gizli";. 
} 

this.nDur = fadetime; 
this.nDelay = gecikme; 
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; 

(this.nAct == this.nOldAct) eğer 
return false; 

document.getElementById (this.aDivs [this.nAct]) .style.visibility = "görünür"; 
this.nInt = 50; 
bu .nTime = 0; 
var p = Bu; 
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 os = ieop / 100; 
Document.GetElementById (this.aDivs [this.nAct] ) = op .style.opacity; 
document.getElementById (this.aDivs [this.nAct]) .style.filter = "alfa (opaklık =" + ieop + ")"; 

if (this.nOldAct> -1) { 
belge. getElementById (this.aDivs [this.nOldAct]) .style.opacity = 1 - op; 
document.getElementById (this.aDivs [this.nOldAct]) .style.filter = "alfa (opaklık =" + (100 - ieop) + ")"; 
} 

halinde (this.nTime == this.nDur) { 
clearInterval (this.nID2) 

halinde (this.nOldAct> -1) 
Document.GetElementById (this.aDivs [this.nOldAct]) bir dal. görünürlük = "gizli";   
var p = Bu; 
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> 
div.cf_wrapper { 
position: relative; 
sol: 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 -üst: 0; 
} 
</ style> 


<div class = "cf_wrapper"> 

<div class = "cf_element" id = "CF1"> 
<div class = "content"> 
<h3> Eleman 1 </ h3> 
<p > Quod mazim darbe possim assum tipik ola olmayan habent claritatem placerat. Demonstraverunt Lectores Legere bana Lius, quod ii <a href="#"> legunt saepius Claritas </a> est etiam processus dynamicus qui. </ P> 
</ div> 
</ div> 

<div class = "cf_element" id = "cf2"> 
<div class = "content"> 
<h3> Eleman 2 </ h3> 
<p> Ma quande Lingues li grammatica del Elde edilen lingue es plu basitliği e regulari quam ti del birleştirme Lingues, birleşerek. Li Kasım lingua <strong> franca va esser </ strong> plu basitliği e regulari quam li mevcut Europan Lingues. Bu va esser tam basitliği quam Occidental: Aslında, bu va esser Occidental. A <em> un Angleso o va semblar un </ em> Açılar simplificat, quam un kuşkucu Cambridge amico dit que me Occidental es. </ P> 
</ div> 
</ div> 

<div class = "cf_element" id = " cf3 "> 
<div class = "content"> 
<h3> Eleman 3 </ h3> 
<p style = "text-align: center;"> 
<img src = "http://hizliresim.com/rg52j7" width = "200" height = "150"> <br /> 
iis qui facit Çorum claritatem Investigationes demonstraverunt Lectores Legere bana. Lius QUOD ii Usus legentis legunt saepius Claritas est etiam processus dynamicus qui. <a href="#"> Littera gothica quam </a> </ p>! 
</ div> 
</ div> 

</ div> 

<script type = "text / javascript"> 
<! - 
var cf = new crossfader (new Array ('CF1', 'cf2', 'cf3'), 500, 2000); 
-> 
</ script>




Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Değil: Gelen Maili Aktif Etmeyi Unutmayınız!

Yorum Gönder Blogger

 
Top