شريط الاخبار تلقائي جافا سكربت

مشاهدات الان

 ضعها بالمكان المناسب

الاضافه لـ إعداد اللغة HTML/JavaScript

<script style='text/javascript'>

function rssticker(t){for(var a=0;a<numeroposts;a++){entradas=t.feed.entry[a],titulosposts[a]=entradas.title.$t;for(var e=0;e<entradas.link.length;e++)if("alternate"==entradas.link[e].rel){enlaceposts[a]=entradas.link[e].href;break}}startrssticker()}function startrssticker(){postactual=-1,largoactual=0,enlaces=document.getElementById("enlace"),runticker()}function runticker(){var t;0==largoactual&&(postactual++,postactual%=numeroposts,titulo=titulosposts[postactual].replace(/"/g,'"'),enlace=enlaceposts[postactual],enlaces.href=enlace),enlaces.innerHTML=titulo.substring(0,largoactual),largoactual!=titulo.length?(largoactual++,t=retardocaracter):(largoactual=0,t=retardopost),setTimeout("runticker()",t)}

var numeroposts = 6; //عدد المواضيع المرغوب ظهورها في الشريط

var retardocaracter = 30; //عدد الأحرف

var retardopost = 4000; //التحكم بالسرعة

var titulosposts = new Array();

var enlaceposts = new Array();

var entradas = "";

</script>

<div class='rssticker'>

<span class="encabezado">أحدث المواضيع</span>

<a id='enlace'></a>

<script src='/feeds/posts/default?alt=json-in-script&callback=rssticker' style='text/javascript'></script>

</div>

<style>

.rssticker{position:relative!important;width:100%;height:40px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin:10px auto;color:#fff;background:#fff;font-size:14px;float:right; font-family: 'Droid Arabic Kufi'line-height:40px;}

.encabezado{display:inline-block;margin:0 10px 0 0;padding:0 10px;line-height:40px;background:#CD2122;float:right;box-sizing:border-box;}

.rssticker a{color:#333;margin:0;padding:3px;float:right;text-decoration:none;}

.rssticker a:hover{text-decoration:none;color:#08ffff;}

</style>

وسلامتكم