Neler yeni
Türkiye'nin En Güncel Forum Sitesi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı yada giriş yapmalısınız. Forum üye olmak tamamen ücretsizdir.

Streaming Horizontal Banner (ing)

ByOnur58

Kayıtlı Üye
MFC Üyesi
  • Üyelik Tarihi
    7 Ocak 2015
  • Mesajlar
    2,113
  • MFC Puanı
    10
  • MFC Seviyesi

Kod:
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Jeroen Haan | http://www.haan.net/ */
/* -----------------------------------------------
   Streaming banners - v.1
   (c) 2006 www.haan.net
   You may use this script but please leave the credits on top intact.
   Please inform us of any improvements made.
   When usefull we will add your credits.
  ------------------------------------------------ */
<!--

function clip() {
     // width of the banner container
     var contWidth = 425;
     // height of the banner container
     var contHeight = 90;

     var id1 = ********.getElementById('slideA');
     var id2 = ********.getElementById('slideB');

     id1.style.left = parseInt(id1.style.left)-1 + 'px';
     
     ********.getElementById('slideCont').style.width = contWidth + "px";
     ********.getElementById('slideCont').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)';
     id2.style.display = '';
     if(parseFloat(id1.style.left) == -(contWidth))     {
         id1.style.left = '0px';
     }
     setTimeout(clip,25)
}

// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  clip();
});
</script>

*********
#slideCont {
     border:solid 1px #000;
     text-align:center;
}

#slideCont img {
     margin: 5px;
}
</style>


<div id="slideCont" style="position:relative;z-index:1;width:425px;height:90px;top:0px;overflow:hidden;">
    <div id="slideA" style="position:absolute;z-index:1;top:0px;left:0px;width:850px;height:90px;overflow:hidden;">
        <div style="float:left" id="innerSlideA">
            <a href="http://www.apache.org/"><img src="apache.gif" width="126" height="44" border="0"></a>
            <a href="http://www.haan.net"><img src="banner_haan_net_en.gif" width="120" height="60" border="0"></a>
            <a href="http://www.mysql.com/"><img src="mysql.gif" width="126" height="44" border="0"></a>
        </div>
        <div id="slideB" style="position:relative;z-index:1;top:0px;left:0px;width:425px;height:90px;overflow:hidden;">
            <a href="http://www.apache.org/"><img src="apache.gif" width="126" height="44" border="0"></a>
            <a href="http://www.haan.net"><img src="banner_haan_net_en.gif" width="120" height="60" border="0"></a>
            <a href="http://www.mysql.com/"><img src="mysql.gif" width="126" height="44" border="0"></a>
        </div>
    </div>
</div>
 
Üst Alt