صمم قائمة تتجمع

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هذا البرنامج النصي الذباب في النص متعددة من الحافة اليسرى من النافذة، في وقت واحد في ترتيب تسلسلي مماثلة لتأثير باور بوينت. انها مرنة بما فيه الكفاية للتعامل مع أي عدد من النص (أو HTML الغنية الأخرى مثل الصور!)، ويمكنك تخصيص كل من سرعة الحركة وقفة بين كل رسالة. تأثير لطيف لتسليط الضوء على النقاط الهامة على الصفحة الخاصة بك!

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

كود

<script type="text/javascript">
var pausebetweenmsg=10
var glidespeed=50

var curobjindex=0

function actualstyle(el, cssproperty){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(cssproperty)
}
}

function collectElementbyClass(){
var classname="glidetext"
glidearray=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
glidearray[inc++]=alltags[i]
}
if (glidearray.length>0)
onebyoneglide()
}

function onebyoneglide(){
if (curobjindex<glidearray.length)
glidetimer=setInterval("glideroutine()",50)
}

function glideroutine(){
if (parseInt(actualstyle(glidearray[curobjindex], "right"))<0)
glidearray[curobjindex].style.right=parseInt(actualstyle(glidearray[curobjindex], "right"))+50+"px"
else{
glidearray[curobjindex].style.right=0
curobjindex++
clearInterval(glidetimer)
setTimeout("onebyoneglide()", pausebetweenmsg)
}
}

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

</script>
<style type="text/css">

.glidetext{
position: relative;

right: -950px;
}

</style>
<div class="glidetext">https://zaharatb.yoo7.com/</div>
<p class="glidetext">السلام عليكم ورحمة الله</p>
<table bgcolor="#0000FF" class="glidetext" width="100" height="100" border="1">
<tr>
<td> هذا النص هو 1 </ div> </td>
</tr>
</table>
<table bgcolor="#00CC99" class="glidetext" width="100" height="100" border="1">
<tr>
<td> هذا هو 2 النص </td>
</tr>
</table>
<table bgcolor="#9933CC" class="glidetext" width="450" height="10" border="1">
<tr>
<td> آختر النص (أو صورة) <img src="https://i.servimg.com/u/f32/17/82/24/96/besm11.gif" width="150" height="150"></td>
</tr>
</table>
<table bgcolor="#9900FF" class="glidetext" width="100" height="100" border="1">
<tr>
<td > هذا هو النص 3 </td>
</tr>
</table>