• Web sitemizin içeriğine ve tüm hizmetlerimize erişim sağlamak için Web sitemize kayıt olmalı ya da giriş yapmalısınız. Web sitemize üye olmak tamamen ücretsizdir.
  • Sohbetokey.com ile canlı okey oynamaya ne dersin? Hem sohbet et, hem mobil okey oyna!
  • Soru mu? Sorun mu? ''Bir Sorum Var?'' sistemimiz aktiftir. Paylaşın beraber çözüm üretelim.

Streaming Horizontal Banner (ing)

Üyelik Tarihi
7 Ocak 2015
Konular
4,091
Mesajlar
4,274
MFC Puanı
40
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