الموضوع: ==| مواقع صديقة |== بطريقة مميزة ==|

سلام الله عليكم ورحمته وبركاته


حياكم أحبتي
أقدم لكم هذا السكربيت البسيط

وهو عبارة عن عرض مواقع صديقة

داخل قائمة متحركة للأعلى بطريقة جذابة

وتتوقف عند مرور الماوس عليها

المثال هنا
http://www.wh-em.com/1java/scroolmenue.htm


هذا هو الكود

كود PHP:

<script language="javascript">
<!--
function dynObj(id,x,y,w,h) {
    this.el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? getLyrRef(id,document): null;
    if (!this.el) return null;
    this.doc = (document.layers)? this.el.document: this.el;
    this.css = (this.el.style)? this.el.style: this.el;
    var px = (document.layers||window.opera)? "": "px";
    this.x = x || 0;    if (x) this.css.left = this.x+px;
    this.y = y || 0;    if (y) this.css.top = this.y+px;
    this.width = w? w: (this.el.offsetWidth)? this.el.offsetWidth: (this.css.clip.width)? this.css.clip.width: 0;
    this.height = h? h: (this.el.offsetHeight)? this.el.offsetHeight: (this.css.clip.height)? this.css.clip.height: 0;
    // if w/h passed, set style width/height
    if (w){ (document.layers)? this.css.clip.width=w+px: this.css.width=w+px;}
    if (h){ (document.layers)? this.css.clip.height=h+px: this.css.height=h+px;}
    this.obj = id + "_dynObj";     eval(this.obj + "=this");
}

dynObj.prototype.show = function () { this.css.visibility = "visible"; }
dynObj.prototype.hide = function () { this.css.visibility = "hidden"; }

dynObj.prototype.shiftTo = function (x,y) {
    if (x!=null) this.x=x; if (y!=null) this.y=y;    
    if (this.css.moveTo) { 
        this.css.moveTo(Math.round(this.x),Math.round(this.y)); 
    } else { 
        this.css.left=Math.round(this.x)+"px"; 
        this.css.top=Math.round(this.y)+"px"; 
    }
}
dynObj.prototype.shiftBy = function (x,y) {
    this.shiftTo(this.x+x,this.y+y);
}
dynObj.prototype.writeLyr = function (cntnt) {
    if (typeof this.doc.innerHTML!="undefined") {
      this.doc.innerHTML = cntnt;
  } else if (document.layers) {
            this.doc.write(cntnt);
            this.doc.close();
  }
}

dynObj.prototype.setBgClr = function (bg) {
    if (document.layers) this.doc.bgColor=bg;
    else this.css.backgroundColor=bg;
}
function getLyrRef(lyr,doc) {
    if (document.layers) {
        var theLyr;
        for (var i=0; i<doc.layers.length; i++) {
          theLyr = doc.layers[i];
            if (theLyr.name == lyr) return theLyr;
            else if (theLyr.document.layers.length > 0) 
            if ((theLyr = getLyrRef(lyr,theLyr.document)) != null)
                    return theLyr;
      }
        return null;
  }
}

scrollerObj.ar = new Array();
function scrollerObj(x,y,w,h,al,hld) {
  this.x=x||0; this.y=y||0; this.w=w; this.h=h; 
  this.al = al || "left"; this.hld = hld;
  this.ctr=1; this.items=new Array(); this.timerId=0;
      this.pause     = 1500;    // مقدار التوقف للرسالة
    this.spd         = 20;        // سرعة العرض
    this.inc         = 2;        // مقدار التأخر
    this.fontFam = "tahoma, helvetica, arial, sans-serif"; // أنواع الخطوط
    this.fontSz     = "12px"; // حجم الخط
    this.fontClr  = "#000000"; // لون الخط
}
function addScrollerItem(txt,url) {
    this.items[this.items.length] = new Array(txt,url);
}
function setScrollerFont(fam,sz,clr) {
    this.fontFam=fam; this.fontSz=sz; this.fontClr=clr;
}

function setScrollerTiming(pause,spd,inc) {
    this.pause=pause; this.spd=spd; this.inc=inc;
}

function createScroller() {
  if (this.created) return;
    this.items[this.items.length] = this.items[0];
    scrollerObj.ar[scrollerObj.ar.length] = this;    
  this.obj = "scrollerObj"+scrollerObj.ar.length; eval(this.obj + "=this"); 
    if (document.layers) this.buildN4();
    else this.build();
  this.created = true;
}
function buildScroller() {
  var elem, str;
  if (document.getElementById && document.createElement) {
    elem = document.createElement("div");
    if (typeof this.hld != "undefined") {
      this.holder = document.getElementById(this.hld);
      this.scrWndo = this.holder.appendChild(elem);
    } else {
          this.scrWndo = document.body.appendChild(elem);
    }
    this.scrWndo.id = "scrWndo"+scrollerObj.ar.length;
        this.scrWndo.style.position = "absolute";
    this.scrWndo.style.visibility = "hidden";
  } else if (document.all) {
    str = '<div id="scrWndo'+scrollerObj.ar.length+'" style="position:absolute; visibility:hidden; "></div>';
    if (typeof this.hld != "undefined") {
      this.holder = document.all[this.hld];
      if (typeof this.holder.innerHTML != "undefined")
        this.holder.innerHTML = str;
    } else {
      document.body.insertAdjacentHTML("beforeEnd",str);
    }
  }
  this.scrWndo = new dynObj("scrWndo"+scrollerObj.ar.length,this.x,this.y,this.w,this.h);
  with (this.scrWndo.css) {
      clip = "rect(0px, "+this.w+"px, "+this.h+"px, 0px)";
        overflow = "hidden"; zIndex=1000;    
    } 
  if (document.getElementById && document.createElement) {
    elem = document.createElement("div");
    this.scrCont = this.scrWndo.el.appendChild(elem);
    this.scrCont.id = "scrCont" + scrollerObj.ar.length;
    this.scrCont.style.position = "absolute";
  } else if (document.all) {
    var str = '<div id="scrCont'+scrollerObj.ar.length+'" style="position:absolute"></div>';
    this.scrWndo.writeLyr(str);
  }
  this.scrCont = new dynObj("scrCont"+scrollerObj.ar.length);
    this.scrCont.css.visibility = "inherit"; 
  this.scrCont.css.zIndex=1;
  this.scrCont.shiftTo(0,0);
  this.wrapItems();
  this.scrWndo.show();
  this.timerId = setTimeout(this.obj + ".controlScroll()",this.pause);
}
function wrapItems() {
   var itemStart, itemEnd, str = "";
  if (this.al == "center") {
    itemStart = '<table width="' + this.w + '" cellpadding="0" cellspacing="0" border="0"><tr><td style="text-align:center; height:' + this.h + 'px" valign="middle">';
    itemEnd = '</td></tr></table>';
  } else if (this.al == "left") {
    itemStart = '<div style="height:' + this.h + 'px">';
    itemEnd = '</div>';
  }
  for (var i=0; i<this.items.length; i++) {
    if (typeof this.items[i][1] != "undefined") { // if item has url
      str += itemStart + '<a style="text-decoration:none; font-family:'+this.fontFam+'; font-size:'+this.fontSz+'; color:'+this.fontClr+'" href="'+ this.items[i][1] + '">' + this.items[i][0] + '</a>' + itemEnd;
    } else {  // no url, wrap in span with styles attached
      str += itemStart + '<div style="font-family:'+this.fontFam+'; font-size:'+this.fontSz+'; color:'+this.fontClr+'">' + this.items[i][0] + '</div>' + itemEnd;
    }
  }
  this.scrCont.writeLyr(str);
}

function buildScrollerNS4() {
  // create wndo layer  
  if (typeof this.hld != "undefined") {
    this.holder = getLyrRef(this.hld,document);
    this.scrWndo = new Layer(this.w,this.holder);
  }
    else this.scrWndo = new Layer(this.w);
    this.scrWndo.resizeTo(this.w,this.h);
    this.scrWndo.moveTo(this.x,this.y);

    // create the scrolling content layer 
    var str = '<div id="scrCont'+scrollerObj.ar.length+'" style="position:absolute"></div>';
    this.scrWndo.document.write(str);
    this.scrWndo.document.close();
    this.scrCont = new dynObj("scrCont"+scrollerObj.ar.length);
    this.scrCont.css.visibility = "inherit"; 
  this.scrCont.css.zIndex=1;
  this.scrCont.shiftTo(0,0);
  this.wrapNS4Items();
    this.scrWndo.visibility = "show";
  this.timerId = setTimeout(this.obj + ".controlScroll()",this.pause);
}

function wrapNS4Items() {
    var itemStart, itemEnd, str = "";
    if (this.al=="center") this.v = "middle";
    else this.v = "top";
  itemStart = '<table width="' + this.w + '" cellpadding="0" cellspacing="0" border="0"><tr><td align="'+this.al+'" height="' + this.h + '" valign="'+this.v+'">';
  itemEnd = '</td></tr></table>';
  for (var i=0; i<this.items.length; i++) {
    if (typeof this.items[i][1] != "undefined") { // if item has url
      str += itemStart + '<a style="text-decoration:none; font-family:'+this.fontFam+'; font-size:'+this.fontSz+'; color:'+this.fontClr+'" href="'+ this.items[i][1] + '">' + this.items[i][0] + '</a>' + itemEnd;
    } else {  // no url, wrap in span with styles attached
      str += itemStart + '<div style="font-family:'+this.fontFam+'; font-size:'+this.fontSz+'; color:'+this.fontClr+'">' + this.items[i][0] + '</div>' + itemEnd;
    }
  }
  this.scrCont.writeLyr(str);
}

function controlScroll() {
    if (this.ctr>this.items.length-1) this.startOver();
    else {
        var y = parseInt(this.scrCont.css.top);
        if (y> -this.h * this.ctr) { 
            this.scrCont.shiftBy(0,-this.inc);    
            this.timerId = setTimeout(this.obj+".controlScroll()",this.spd);    
        } else {
                this.ctr++;
                this.timerId = setTimeout(this.obj+".controlScroll()",this.pause);    
        }
    }
}
function startOver() {
    this.ctr = 1;
    this.scrCont.shiftTo(0,0);
    this.controlScroll();    
}

scrollerObj.prototype.addItem = addScrollerItem;
scrollerObj.prototype.create = createScroller;
scrollerObj.prototype.setFont = setScrollerFont; 
scrollerObj.prototype.setTiming = setScrollerTiming;
scrollerObj.prototype.buildN4 = buildScrollerNS4; 
scrollerObj.prototype.build = buildScroller;
scrollerObj.prototype.wrapItems = wrapItems;
scrollerObj.prototype.wrapNS4Items = wrapNS4Items;
scrollerObj.prototype.controlScroll = controlScroll;
scrollerObj.prototype.startOver = startOver;
function positionGecko() {
    if (navigator.userAgent.indexOf("Gecko")>-1) {
    for (var i=0; i<scrollerObj.ar.length; i++) {
            if (scrollerObj.ar[i].holder) {
                scrollerObj.ar[i].holder.removeChild(scrollerObj.ar[i].scrWndo.el);
                document.body.appendChild(scrollerObj.ar[i].scrWndo.el);
                scrollerObj.ar[i].scrWndo.css.zIndex = 1000;
        var x = scrollerObj.ar[i].holder.offsetLeft + scrollerObj.ar[i].x;
                var y = scrollerObj.ar[i].holder.offsetTop + scrollerObj.ar[i].y;
                scrollerObj.ar[i].scrWndo.shiftTo(x,y);
            }
      }
  }
}
function rePosGecko() {
  for (var i=0; i<scrollerObj.ar.length; i++) {
        var x = scrollerObj.ar[i].holder.offsetLeft + scrollerObj.ar[i].x;
        var y = scrollerObj.ar[i].holder.offsetTop + scrollerObj.ar[i].y;
        scrollerObj.ar[i].scrWndo.shiftTo(x,y);
  }
}

function setMouseEvents() {
  for (var i=0; i<scrollerObj.ar.length; i++) {
    scrollerObj.ar[i].scrCont.el.onmouseover = new Function("haltScroll("+i+")")
    scrollerObj.ar[i].scrCont.el.onmouseout = restartScroll;
  }
}

function haltScroll(num) {
  clearTimeout(scrollerObj.ar[num].timerId);
}

function restartScroll(e) {
  // get numeric portion of id (after scrCont)
  var num = parseInt(this.id.slice(7)) - 1;
  e = e? e: window.event? window.event: "";
  if (e) {
    var current = this;
    var related =  e.relatedTarget? e.relatedTarget: e.toElement? e.toElement: "";
          if (related) {
        if (current != related && !contains(current, related)) 
          scrollerObj.ar[num].controlScroll();
      } else scrollerObj.ar[num].controlScroll(); // ns4
  }
}

// adapted from http://www.brainjar.com/dhtml/events/default6.asp
function contains(a, b) {
    // extra checks in case alt-tab away while over menu
    if (b && b.parentNode) {    
      // Return true if node a contains node b.
      while (b.parentNode)
        if ((b = b.parentNode) == a)
          return true;
      return false;
    } else if (b && b.parentElement) {
        while (b.parentElement)
            if ((b = b.parentElement) == a)
              return true;
          return false;
    }
}


function initScrollerObjs() {
scroller1 = new scrollerObj(20,0,150,50,"center","holder");// عدل هنا فقط الإرتباطات والنصوص الظاهرة
scroller1.addItem('<a target="_blank" href="http://hams-al3mr.com"><img border="0" src="../images/ad/hams.gif" width="110" height="50" alt="مواقع ومنتديات همسات العمر"></a>  ');
scroller1.addItem('<a target="_blank" href="http://mrx00x00.jeeran.com/"><img border="0" src="../images/ad/mrx.gif" width="110" height="50" alt="موقع نبض الغموض"></a>');
scroller1.addItem('<a target="_blank" href="http://ashrafnet.jeeran.com/"><img border="0" src="../images/ad/ASHRAF.gif" width="110" height="50" alt="الموقع الشخصي لأشرف نت"></a>');
scroller1.addItem('<a target="_blank" href="http://uaky.jeeran.com/"><img border="0" src="../images/ad/yuyu.gif" width="110" height="50" alt="موقع يوسف وياسمين الشخصي"></a>');
scroller1.addItem('<a target="_blank" href="http://rooh.8r8.com/"><img border="0" src="../images/ad/kloood.gif" width="110" height="50" alt="موقع خلوود الرووح"></a>');
scroller1.addItem('<a target="_blank" href="http://raniadk.jeeran.com/"><img border="0" src="../images/ad/rania.gif" width="110" height="50" alt="موقع رانيا الشخصي"></a>');

scroller1.addItem('                  ');
scroller1.create();

  setMouseEvents(); // set up pause/restart onmouseover/out
}

window.onload = initScrollerObjs;
//-->
</script>



<div align="center">
    <table border="0" cellpadding="0" style="border-collapse: collapse" id="table26" width="0">
        <tr>
            <td id="holder" align="center" height="50" valign="top" > </td>
        </tr>
    </table>
</div> 


أتمنى أن يعجبكم تحية عذبة لكم

أخوكم

وحيد