موقع المطورين
  العودة  موقع المطورين \ أقسام الأكواد والدروس \ ركن أكواد الجافا سكربت Java Script المجانيه \ خمسة رسائل تتبدل بالترتيب بشكل عمودي

http://mtweren.com/bb.pngحـساباتنا البنــكيةhttp://mtweren.com/bb.png

 
 
أدوات الموضوع العرض العاديالعرض المتطورالعرض الشجري
  #1  
قديم 10-09-2017, 09:23 PM
W!ndows W!ndows غير متواجد حالياً
Administrator
 
تاريخ التسجيل: Sep 2017
المشاركات: 350
افتراضي خمسة رسائل تتبدل بالترتيب بشكل عمودي

كود:
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY <script language="JavaScript1.2"> /* Pausing up-down message scroller- Last updated: 99/07/05 (Bugs fixed, ability to specify background image for scroller) © Dynamic Drive (www.elahmad.com) // 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='http://www.elahmad.com/'>هذه هي الرسالة الأولى</a></font>"; messages[1]="<font face='Tahoma' size='2'><a href='http://www.elahmad.com/'>هذه هي الرسالة الثانية</a></font>"; messages[2]="<font face='Tahoma' size='2'><a href='http://www.elahmad.com/'>هذه هي الرسالة الثالثة</a></font>"; messages[3]="<font face='Tahoma' size='2'><a href='http://www.elahmad.com/'>هذه هي الرسالة الرابعة</a></font>"; messages[4]="<font face='Tahoma' size='2'><a href='http://www.elahmad.com/'>هذه هي الرسالة الخامسة</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> <ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; background=&{scrollerbackground}; visibility=hide> <layer id="first" left=0 top=1 width=&{scrollerwidth};> <script language="JavaScript1.2"> if (document.layers) document.write(messages[0]); </script> </layer> <layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide> <script language="JavaScript1.2"> if (document.layers) document.write(messages[1]); </script> </layer> </ilayer> <script language="JavaScript1.2"> 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('</div>'); document.writeln('</span>'); } </script>
رد مع اقتباس


أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع