Jumat, Juni 17, 2011

Menu Teks Slide II



Artikel Sebelumnya saya telah menerangkan tentang pembuatan Menu teks slide,
Menu ini cocok untuk menampilkan iklan - iklan atau promosi tentang artikel di blog anda..
 
Jika anda mempunyai sebuah artikel atau iklan yang akan anda tampilkan dalam satu kotak, anda tidak perlu repot untuk membuatnya karena menu klip teks II secara otomatis akan merubah tampilan teks secara bergantian.

KLIK DISINI  untuk melihat contoh Menu Teks Slide II.......
Apakah anda tertarik untuk memasang nya diblog anda? Oke.. Langsung saja ikuti tutorial dibawah ini.



Copy Paste Script Kodenya Dibawah Ini :


<script type="text/javascript">

/***********************************************
* Www.kikiyo.co.cc
***********************************************/

var delay = 2000;
var maxsteps=30;
var stepdelay=40;
var startcolor= new Array(255,255,255);
var endcolor=new Array(0,0,0);

var fcontent=new Array();
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="<b>Iklan murah?</b><br>Cara tercepat untuk menghasilkan uang <br>Dengan melalui iklan online. <a href='http://www.kikiyo.co.cc/' target='_blank'>Klik disini</a> untuk mengunjunginya ";
fcontent[1]="Anda dapat dengan mudah mempromosikan website, produk, dan layanan milik orang lain dengan proses cepat dan biaya murah.";
fcontent[2]="Ok, untuk informasi lebih lengkap, tentang pemasangan iklan online anda dapat mengununjungi kami <a href='http://www.kikiyo.co.cc/' target='_blank'>disini</a>";
closetag='</div>';

var fwidth='150px'; //ukuran lebar
var fheight='150px'; //ukuran tinggi

var fadelinks=1;

///No need to edit below this line/////////////////


var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;


/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
if (fadelinks)
linkcolorchange(1);
colorfade(1, 15);
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
index++
}

// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com

function linkcolorchange(step){
var obj=document.getElementById("fscroller").getElementsByTagName("A");
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color=getstepcolor(step);
}
}

/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
if(step<=maxsteps) {
document.getElementById("fscroller").style.color=getstepcolor(step);
if (fadelinks)
linkcolorchange(step);
step++;
fadecounter=setTimeout("colorfade("+step+")",stepdelay);
}else{
clearTimeout(fadecounter);
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
setTimeout("changecontent()", delay);

}
}

/*Rafael Raposo's new function*/
function getstepcolor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor[i]-endcolor[i]);
if(diff > 0) {
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
} else {
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
}
}
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+'"></div>');

if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent

</script>

Tidak ada komentar:

Posting Komentar