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

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


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

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

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

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

المثال هنا
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> 


---

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

أخوكم

وحيد

واو ... رائع ايها الإمبراطور ... بارك الله فيك ... الله لا يحرمنا دخلاتك الحلوة هاذي ... تحياتي .

والله جميلة جدا .. أتمنى لك دوام التوفيق أيها المبراطور .. ودم بخير .

اقتباس:

---

المشاركة الأصلية كتبت بواسطة الشموخ

والله جميلة جدا .. أتمنى لك دوام التوفيق أيها المبراطور .. ودم بخير .

---

الله يا أنت خبصت الإسم خبص وما راح أعدله ... إتعب شوي ... ههههههههههههههههههههههههه هههههههه

بارك الله فيك أخي الحبيب

وفي انتظار المزيد من ابداعاتك

لك منا كل تحية وتقدير

أبو راشد


شموخ

أبو عبد الرحمن

حياكم كلكم

ومشكورين على مروركم الأخلى

تخية عذبة لكم

اقتباس:

---

الأخلى

تخية عذبة لكم

---

وينك يا ابوراشد والا جيد علي بس .. :sm124: :sm179: على الأقل أنا شايل حرف .. لكن وحيد كاب له نقطتين مرة وحدة .. :sm261:

تصدق عاد يالشموخ ... من كثر الأخطاء هالأيام قلت أكيد له علاقة بهاك تنسيق المواضيع ... ههههههههههههههههههههههههه ههههههه

تحياتي .

ههههههه

بس انتو فاتحين مدرسة

تتدقيق إملائي هو !

والله ولا التدقيق الإملائي بالوورد

هههههههههه


إلا مو منا ترى من الكيبوردات اللي نستخدمها

والعتب على الأصابع


تحياتي لكم جميعا
أخوك وحيد

تحية ليك يا غالى بس ممكن اعرف احطها فين فى الهيدر ولا الفوتر

تحية أخوي مدمن
ومعذرة لتأخري

بس مافهمت عليك انت وين بتحطها؟

إذا فصدك بالمنتدى


تقدر تحطها بأي مكان تحب انها تظهر سواء فوتر أو هدر
أو النافابار
أي مكان

وان شاء الله أكون أفدتك

تحياتي لك

تسلم حبيبي

وعجبني

بس مو هذا الي في بالي

إذا جاء وقته بركبه

عموووما اهو روووعة وحركة جميله