خمسة رسائل تتبدل بالترتيب بشكل عمودي

طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

Pausing up-down message scroller-

Last updated: 99/07/05 (Bugs fixed, ability to specify background image for scroller)

// Visit http://www.elahmad.com/ for more code

//  http://www.elahmad.com/

//configure the below five variables to change the style of the scroller

var scrollerwidth=150;  // عرض المربع

var scrollerheight=120; // طول المربع

var scrollerbgcolor='#99FFFF';  // لون الخلفية

//set below to '' if you don't wish to use a background image

var scrollerbackground=''; // يمكن وضع خلفية للصورة

//configure the below variable to change the contents of the scroller

var messages=new Array();

messages[0]="<font face='Tahoma' size='2'><a href='../keyboard/www_elahmad_default_2.html'>هذه هي الرسالة الأولى</a></font>";

messages[1]="<font face='Tahoma' size='2'><a href='../keyboard/www_elahmad_default_2.html'>هذه هي الرسالة الثانية</a></font>";

messages[2]="<font face='Tahoma' size='2'><a href='../keyboard/www_elahmad_default_2.html'>هذه هي الرسالة الثالثة</a></font>";

messages[3]="<font face='Tahoma' size='2'><a href='../keyboard/www_elahmad_default_2.html'>هذه هي الرسالة الرابعة</a></font>";

messages[4]="<font face='Tahoma' size='2'><a href='../keyboard/www_elahmad_default_2.html'>هذه هي الرسالة الخامسة</a></font>";

///////Do not edit pass this line///////////////////////

if (messages.length>1)

i=2;

else

i=0;

function move1(whichlayer){

tlayer=eval(whichlayer);

if (tlayer.top>0&&tlayer.top<=5){

tlayer.top=0;

setTimeout("move1(tlayer)",3000);

setTimeout("move2(document.main.document.second)",3000);

return;

}

if (tlayer.top>=tlayer.document.height*-1){

tlayer.top-=5;

setTimeout("move1(tlayer)",100);

}

else{

tlayer.top=scrollerheight;

tlayer.document.write(messages[i]);

tlayer.document.close();

if (i==messages.length-1)

i=0;

else

i++;

}

function move2(whichlayer){

tlayer2=eval(whichlayer);

if (tlayer2.top>0&&tlayer2.top<=5){

tlayer2.top=0;

setTimeout("move2(tlayer2)",3000);

setTimeout("move1(document.main.document.first)",3000);

return;

}

if (tlayer2.top>=tlayer2.document.height*-1){

tlayer2.top-=5;

setTimeout("move2(tlayer2)",100);

}

else{

tlayer2.top=scrollerheight;

tlayer2.document.write(messages[i]);

tlayer2.document.close();

if (i==messages.length-1)

i=0;

else

i++;

}

function move3(whichdiv){

tdiv=eval(whichdiv);

if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){

tdiv.style.pixelTop=0;

setTimeout("move3(tdiv)",3000);

setTimeout("move4(second2)",3000);

return;

}

if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){

tdiv.style.pixelTop-=5;

setTimeout("move3(tdiv)",100);

}

else{

tdiv.style.pixelTop=scrollerheight;

tdiv.innerHTML=messages[i];

if (i==messages.length-1)

i=0;

else

i++;

}

function move4(whichdiv){

tdiv2=eval(whichdiv);

if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){

tdiv2.style.pixelTop=0;

setTimeout("move4(tdiv2)",3000);

setTimeout("move3(first2)",3000);

return;

}

if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){

tdiv2.style.pixelTop-=5;

setTimeout("move4(second2)",100);

}

else{

tdiv2.style.pixelTop=scrollerheight;

tdiv2.innerHTML=messages[i];

if (i==messages.length-1)

i=0;

else

i++;

}

function startscroll(){

if (document.all){

move3(first2);

second2.style.top=scrollerheight;

second2.style.visibility='visible';

}

else if (document.layers){

document.main.visibility='show';

move1(document.main.document.first);

document.main.document.second.top=scrollerheight+5;

document.main.document.second.visibility='show';

}

window.onload=startscroll;

</script>

if (document.layers)

document.write(messages[0]);

</script>

</layer>

if (document.layers)

document.write(messages[1]);

</script>

</layer>

</ilayer>

if (document.all){

document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">');

document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">');

document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">');

document.write(messages[0]);

document.writeln('</div>');

document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0;visibility:hidden">');

document.write(messages[1]);

document.writeln('</div>');

document.writeln('</span>');

}

</script>

أغلق هذه الصفحة