« »

Utilisez cette Le code JavaScript de faire une une dÃ©filement horizontal image sur votre page web. Si ne pas afficher le code source, vous aurez peut-Ãªtre penser que l'utilisation de ce code MARQUEE pour dÃ©filement horizontal.

TrÃ¨s facile Ã personnaliser, peut Ã©galement inclure une URL pour chaque image, puis dÃ©finir la taille de chaque image. Et vous voir aussi: Streaming Banners.

Étiquette: streaming, horizontal, banner, scroller, MARQUEE, personnaliser, URL

Rapport de nous cette erreur JavaScript

Demo
Agrandir
Recharger
New window

Gratuit iPage hébergement Web pour la première année MOMENT

Si vous êtes toujours à la recherche d'un fournisseur d'hébergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crédits supplémentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'êtes pas aussi! Plus important encore, lorsque vous enregistrez l'hébergement web à iPage grâce à notre lien, nous allons être heureux de renvoyer un plein remboursement. C'est génial! Vous devriez essayer iPage hébergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage. Essayez iPage GRATUIT première année MOMENT

Code
CSS
JavaScript
HTML
Imprimer

Copy All x2

<style type="text/css">
<!--
#slideCont {
 	border:solid 1px #000;
	 text-align:center;
}

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

Copy All x2

<script type="text/javascript">
<!--
/* 
  -----------------------------------------------
   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 = document.getElementById('slideA');
 	var id2 = document.getElementById('slideB');

 	id1.style.left = parseInt(id1.style.left)-1 + 'px';
 	
 	document.getElementById('slideCont').style.width = contWidth + "px";
 	document.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>

Copy All x2

<div id="slideCont" style="overflow: hidden; position: relative; z-index: 1; width: 425px; height: 90px; top: 0px; clip: rect(auto, 425px, 90px, auto);">
	<div id="slideA" style="overflow: hidden; position: absolute; z-index: 1; top: 0px; left: -194px; width: 850px; height: 90px;">
		<div style="float: left;" id="innerSlideA">
			<a href="http://www.apache.org/"><img src="/logos/logo_jsbank.jpg" border="0" height="44" width="126"></a>
			<a href="http://www.haan.net/"><img src="/logos/gif_logojsb2.gif" border="0" height="60" width="120"></a>
			<a href="http://www.mysql.com/"><img src="/logos/jsb_banner.gif" border="0" height="44" width="126"></a>

		</div>
		<div id="slideB" style="overflow: hidden; position: relative; z-index: 1; top: 0px; left: 0px; width: 425px; height: 90px;">
			<a href="http://www.apache.org/"><img src="/logos/logo_jsb.jpg" border="0" height="44" width="126"></a>
			<a href="http://www.haan.net/"><img src="/logos/logo_jsb__88x31.gif" border="0" height="60" width="120"></a>
			<a href="http://www.mysql.com/"><img src="/logos/logo_jsb_120x60.jpg" border="0" height="44" width="126"></a>
		</div>
	</div>
</div>

Commentaire (2)
Écrire

par PhÃ¹ng LÃ¢m, 15/02/2013 12:02 PM
LÃ m slide áº£nh dá»«ng láº¡i khi rÃª chuá»™t vÃ o Réponse

Xin hÆ°á»›ng dáº©n trong code javascript trÃªn thÃ¬ viáº¿t Ä‘oáº¡n code lÃ m cho slide áº£nh dá»«ng láº¡i má»—i khi rÃª chuá»™t vÃ o nhÆ° tháº¿ nÃ o.Xin hÆ°á»›ng dáº«n giÃºp.Thanks

par Cao Phong, 15/02/2013 02:02 PM
code nÃ o váºy báº¡n? Réponse

lá»—i copy paste sao Ä‘Ã³, ko tháº¥y code nÃ o háº¿t

par Avant-première

Annuler réponse

Écrivez votre commentaire

Commentaires du client sera publié avant previwed
Donnez votre email réel pour obtenir des réponses notification ou commentaire sera supprimé

Votre nom *
Votre e-mail^g *
~~Votre site~~

Comment's Titre

J'assure à 100% je suis humain réel
Je le répète, je ne suis pas bot

Sent (1)
Nouveau

BBCode
HTML
URL
JID

Déposer jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

13/04/2009
Jeroen Haan [more]
24,492
2
3
1
5.54 KBytes

JavaScript Streaming horizontale Banner - Langue: Française

3.7/5 3 votes / 24,492 previews / 2 commentaire 13/04/2009 Utilisez cette Le code JavaScript de faire une une dÃ©filemen...JavaScript Streaming horizontale Banner - Streaming horizontale Banner - Langue: Française

mynguyen203[5] nambrand[2] satthu5.2 minhhhuy_213 lenghongan dai_ka_ptit[2] rinshuijul[4] vinhtravu07[4] Cao Phong[4] sunrisehuynh[3]