اضافة قائمه بأيقونات متساقطه من اعلى الصفحه

السلام عليكم

قائمه بأيقونات متساقطه من اعلى الصفحه

الى موضعها المحدد والمجهز بخلفيه ثابتة

اضافة الاكواد جميعها عبر اداة الجافاسكريبت

#megtrb_blogspot_fallingLinks {
         background-color: navy;
     height: 70px;
     width: 850px;
     padding-top:20px;
         padding-right:15px;
     -moz-border-radius-topright: 35px;
     -moz-border-radius-bottomleft: 35px;
}
#megtrb_blogspot_fallingLinks img {
     border: 0px #C81909 solid;    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#megtrb_blogspot_fallingLinks a:hover img {
    filter:alpha(opacity=50);    
    opacity: 0.5;
}

#megtrb_blogspot_fallingLinks a,.megtrb_blogspot_fallingLinks a{    
    padding:20px;
    visibility:hidden;
    float:right;
}

</style>

/* Don't change anything below here */

var megtrb_blogspot_fallingLinks;
var fallingItems = new Array();
var absolutePositionedItems = new Array();
var currentFallingObject = false;

function getTopPos(inputObj)
{        
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null){
      returnValue += inputObj.offsetTop;
  }
  return returnValue;
}

function getLeftPos(inputObj)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
      returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}

function slideDownLinks(linkIndex)
{
    var topPos = currentFallingObject.style.top.replace('px','')/1;
    topPos = topPos + slidePixelPerMove;
    var slideEnded = false;

if(topPos>=fallingItems[linkIndex]['top']){
        topPos = fallingItems[linkIndex]['top'];
        slideEnded = true;
    }
    
    currentFallingObject.style.top = topPos + 'px';
    
    if(!slideEnded){
        setTimeout('slideDownLinks(' + linkIndex + ')',slideTimeoutBetweenMoves);
        return;
    }else{
        currentFallingObject.style.display='none';
        fallingItems[linkIndex]['obj'].style.visibility = 'visible';
        
        if(linkIndex<fallingItems.length-1 && !slideInReverseOrder){
            linkIndex = linkIndex + 1;
            currentFallingObject = absolutePositionedItems[linkIndex];
            currentFallingObject.style.display='block';
            slideDownLinks(linkIndex);
            return;
        }
        
        if(linkIndex>0 && slideInReverseOrder){
            linkIndex = linkIndex - 1;
            currentFallingObject = absolutePositionedItems[linkIndex];
            currentFallingObject.style.display='block';
            slideDownLinks(linkIndex);
        }
    }
    
}

window.onload = initFallingLinks;
</script>
<div align="right">
<div id="vision402_blogspot_fallingLinks">
<a title="الرئيسيه" href="http://vision402.blogspot.com">
<img src="http://3.bp.blogspot.com/-6Qd3wbaJmBo/TxBKon81C0I/AAAAAAAANAU/TywpML74P3s/s1600/home_48.png" width="50" height="50" /></a> 
<a title="فيديو" href="http://vision402.blogspot.com">
<img src="http://4.bp.blogspot.com/-dSf_RefFI9s/TxBl1zmDbZI/AAAAAAAANBk/Q-a-bBlpfqE/s1600/1326474660_video.png" width="50" height="50" />
<a title="جافا" href="http://vision402.blogspot.com">
<img src="http://2.bp.blogspot.com/-PJzkBpSD8Gc/TxBj-ihpKyI/AAAAAAAANBc/sl5W_IDfAPw/s1600/1326474182_java.png" width="50" height="50" /></a>
<a title="برامج" href="http://vision402.blogspot.com">
<img src="http://1.bp.blogspot.com/-8R8zZCN-Nhs/TxBL0b1AzbI/AAAAAAAANAc/Y3h-e5KqTKs/s1600/cd_48.png" width="50" height="50" /></a> 
<a title="الفهرس" href="http://vision402.blogspot.com">
<img src="http://4.bp.blogspot.com/-WDH7RbBmw_I/TxBeGOpSGII/AAAAAAAANBM/Kadv1NCn-i8/s1600/1326472645_Program-Group.png" width="50" height="50" /> </a>
<a href="http://twitter.com/#%21/alshnfre" target="_blank"><img src="http://1.bp.blogspot.com/-EP9Tcg117lk/TuYWB7hKxrI/AAAAAAAAMq0/lQDhAWpr4V4/s1600/twitter_64x64.png" height="50" width="50" /></a>
<a href="http://feeds.feedburner.com/blogspot/vision402" target="_blank"><img src="http://2.bp.blogspot.com/-u01bF8ST978/TuYWFN5c2uI/AAAAAAAAMq8/ebRL2Ush_CI/s1600/rss_64x64.png" height="50" width="50" /></a>
<a href="http://www.facebook.com/login.php" target="_blank"><img src="http://2.bp.blogspot.com/-E4lJL4hsuSg/TuYVlLmMwDI/AAAAAAAAMpk/WZ3-lHzHW6s/s1600/facebook_64x64.png" height="50" width="50" /></a>
<a href="http://add.my.yahoo.com/content?url=http%3A%2F%2Fvision402.blogspot.com%2Ffeeds%2Fcomments%2Fdefault" target="_blank"><img src="http://4.bp.blogspot.com/-gPNl1MVPqLo/TuYV9gt3X4I/AAAAAAAAMqs/NULFgzZqy30/s1600/yahoo_64x64.png" height="50" width="50" /></a></a></div>
</div>

غير الروابط بروابط حساباتك
الى اللقاء

اضافة قائمه بأيقونات متساقطه من اعلى الصفحه

تابع "مدونة حلمي حلمكم"

اقسام المدونة

تابعنا عبر البريد الالكتروني

تابعنا على

facebook

جديد موقعنا

اتصل بالاميل الشخصي لصاحب الموقع

تغريدات حلمي حلمكم

تابعنا على اليوتيوب

الأكثر مشاهده هذا الأسبوع

اخر التعليقات