« »

Surprenez vos visiteurs avec cette unique fondu de dÃ©filement. Configurer le texte, Taille, textcolor, BackgroundColor, scrollersize, bordercolor, Liens et des effets de fondu en moins de 5 minutes.

Étiquette: Scroller lisse avec effet de fondu

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
HTML
Imprimer

Copy All x2

<SCRIPT>
// Scroller with smooth fade-effect


// Your messages. Add as many as you like
var text=new Array()
text[0]="JavaScriptBank.com"
text[1]="Bank of over 2000+ free JavaScripts"
text[2]="Free JavaScripts, Tutorials, Example Codes, DHTML, CSS, Resources and more"

// Add a link for each message
var textlink=new Array()
textlink[1]="JavaScriptBank.com"
textlink[2]="JavaScriptBank.com"
textlink[3]="JavaScriptBank.com"

// Add a target for each link
// Possible values are "_blank", "_self", "_top", "_parent"
var texttarget=new Array()
texttarget[0]="_blank"
texttarget[1]="_blank"
texttarget[2]="_blank"

// font
var textfont="Arial"

// fontcolors
var textfontcoloraa="#FFFFFF"
var textfontcolorbb="#FFFF00"

// fontcolors on mouseover (rollover)
var textfontcolorrollover="#ff0000"

// fontsize
var textfontsize=11

// backgroundcolor
var textbgcolor="#000000"

// Type "bold" for bold text and "normal" for normal text
var textweight="bold"

// Type "italic" for italic text and ""normal" for normal text
var textitalic="normal"

// width and height of the scroller-box
var textwidth=300
var textheight=30

// color of the scroller-box border
var textbordercolor="#888888"

// width of the border
var textborder=1

// width of the transparent zones
var translayerszone=120

// Do not edit the values below this line
var textpause=0
var textitalicA=""
var textitalicB=""
var textweightA="<b>"
var textweightB="</b>"
var textdecoration="none"
var textalignonly="center"
var textfontsizeHTML=3
var i_text=0
var textcontent=""
var thisspan=""
var content=""
var contentbg=""
var toggle=1
var timer
var scrollready=true
var tablewidth
var tableheight
var textfontcolortoggle=new Array()
var toggle=1            
var step=5;          
var content
var padding=3
var textcontentheight
var textcontentwidth
var translayerswidth=4
var translayersmax=Math.floor(translayerszone/translayerswidth)
var translayersleftpos=0
var translayersopacity=100
var translayersfactor=100/translayersmax
var translayerswidthall=translayersmax*translayerswidth
var ie=document.all?1:0 
var ns6=document.getElementById&&!document.all?1:0
var ns4=document.layers?1:0
var browserinfos=navigator.userAgent 
var opera=browserinfos.match(/Opera/)  

getcontent()
function getcontent() {
	if (ie || ns6) {	
		tablewidth=textwidth-2*textborder
		tableheight=textheight-2*textborder
		content="<table width="+tablewidth+" height="+tableheight+" cellpadding=3 cellspacing=0 border=0><tr valign=middle><td><nobr>"
		for (i=0;i<text.length;i++) {
			if (toggle==1) {textfontcolortoggle[i]=textfontcoloraa}
			else if (toggle==-1) {textfontcolortoggle[i]=textfontcolorbb}
			toggle*=-1
			content+="<a href=\""+textlink[i]+"\" target=\""+texttarget[i]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolortoggle[i]+";font-style:"+textitalic+";\" onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolortoggle[i]+"\'\">"
			content+=text[i]
			content+="</a><font color="+textbgcolor+">----------</font>"

		}
		content+="</nobr></td></tr></table>"
	}
	else {	
		tablewidth=textwidth-2*textborder
		tableheight=textheight-2*textborder
		contentbg="<table width="+tablewidth+"  height="+tableheight+"><tr><td><font color="+textbgcolor+">hi</font></td></tr></table>"
		content="<table height="+textheight+" cellpadding=0 cellspacing=0><tr valign=middle><td><nobr>"
		for (i=0;i<text.length;i++) {
			if (toggle==1) {textfontcolortoggle[i]=textfontcoloraa}
			else if (toggle==-1) {textfontcolortoggle[i]=textfontcolorbb}
			toggle*=-1
			content+="<a href=\""+textlink[i]+"\" target=\""+texttarget[i]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolortoggle[i]+";font-style:"+textitalic+";\" >"
			content+=text[i]
			content+="</a><font color="+textbgcolor+">----------</font>"
		}
		content+="</nobr></td></tr></table>"
	}
}

if (ns4) {
toggle=1
	document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>');
	document.write('<ilayer name="marker" bgcolor="'+textbordercolor+'" width='+textwidth+' height='+textheight+'></ilayer>');
	document.write('</td></tr></table>')
		document.write('<layer name="tickerbg" left='+textborder+' top='+textborder+' width='+(textwidth-4*textborder)+' height='+(textheight-2*textborder)+' bgcolor='+textbgcolor+' visibility=hide>'+contentbg+'</layer>')
		document.write('<layer left=-50000 name="ticker"  onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">loading</layer>');

}

if (ie || ns6) {
	document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>');
	document.write('<div id="marker" style="position:relative; width:'+textwidth+'; height:'+textheight+'" ></div>');
	document.write('</td></tr></table>')
	if (ns6) {
		var tablewidth=textwidth-2*textborder
		var tableheight=textheight-2*textborder
	}
	else {
		var tablewidth=textwidth
		var tableheight=textheight
	}
	document.write('<div ID="roof" style="position:absolute;width:'+tablewidth+'px;height:'+tableheight+'px;border-style:solid;border-width:'+textborder+'px;border-color:'+textbordercolor+';background-color:'+textbgcolor+';visibility:hidden;overflow:hidden" onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">')
	document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;visibility:hidden">'+content+'</span>')
	
	if (ie && !opera) {
		for (i=0;i<=translayersmax;i++) {
		document.write('<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+tableheight+'px;background-color:'+textbgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity-=translayersfactor
		}
		translayersleftpos=tablewidth-translayersleftpos
		for (ii=0;ii<=translayersmax;ii++) {
		document.write('<span ID="trans'+ii+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+tableheight+'px;background-color:'+textbgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity+=translayersfactor
		}
	}
	
	if (ns6 && !opera) {
		for (i=0;i<=translayersmax-1;i++) {
		document.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+tableheight+'px;background-color:'+textbgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity-=translayersfactor
		if (translayersopacity<0) {translayersopacity=0.001}
		}
		translayersleftpos=tablewidth-translayersleftpos
		translayersopacity=0.001
		for (i=0;i<=translayersmax-1;i++) {
		document.write('<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+tableheight+'px;background-color:'+textbgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity+=translayersfactor
		}
	}
	
	
	document.write('</div>')
	if (ns6) {
		document.write('<span ID="tickersize" style="position:absolute;top:0px;left:-5000px;visibility:hidden">'+content+'</span>')
	}
}

function doscroll(){
	if (scrollready) {
		if(ns4){
			document.ticker.left+=-step;
			if (document.ticker.left<document.marker.pageX+1*textborder) {
				document.ticker.clip.left+=step;
			}
		
			document.ticker.clip.right+=step;
			if(document.ticker.left<-textcontentwidth+document.marker.pageX) {
				document.ticker.left=textwidth+document.marker.pageX-1*textborder;
				document.ticker.clip.left=0
				document.ticker.clip.right=0
			}
		}
		if (ie) {
			document.all.ticker.style.posLeft+=-step
			if (document.all.ticker.style.posLeft<-textcontentwidth) {
				document.all.ticker.style.posLeft=textwidth
			}
		}
		if (ns6) {
		document.getElementById('ticker').style.left=parseInt(document.getElementById('ticker').style.left)-step
			if (parseInt(document.getElementById('ticker').style.left)<-textcontentwidth) {
				document.getElementById('ticker').style.left=textwidth
			}
		}
		timer=setTimeout("doscroll()",50)
	}
	else {
		clearTimeout(timer)
	}
}

function DL_GetElementLeft(eElement) {
    var nLeftPos = eElement.offsetLeft;          
    var eParElement = eElement.offsetParent;     
    while (eParElement != null) {                                            
        nLeftPos += eParElement.offsetLeft;      
        eParElement = eParElement.offsetParent;  
    }
    return nLeftPos;                            
}

function DL_GetElementTop(eElement) {
    var nTopPos = eElement.offsetTop;            
    var eParElement = eElement.offsetParent;     
    while (eParElement != null) {                                            
        nTopPos += eParElement.offsetTop;        
        eParElement = eParElement.offsetParent;  
    }
    return nTopPos;                              
}

function initscroller(){
	if (ns4) {
		getcontent()
		var thisspan=eval("document.ticker")
		thisspan.document.clear()
		thisspan.document.write(content)
		thisspan.document.close()
		textcontentwidth=thisspan.clip.right
		document.tickerbg.left=document.marker.pageX+1*textborder
		document.tickerbg.top=document.marker.pageY+1*textborder
		thisspan.left=document.marker.pageX-1*textborder+textwidth
		thisspan.top=document.marker.pageY
		thisspan.clip.width=textcontentwidth;
		thisspan.clip.height=textheight;
		thisspan.clip.left=0
		thisspan.clip.right=0
		document.tickerbg.visibility="show";
		thisspan.visibility="show";
	}
	if (ie) {
		textcontentwidth=document.all.ticker.clientWidth
		document.all.roof.style.posLeft=DL_GetElementLeft(document.all.marker);
		document.all.roof.style.posTop=DL_GetElementTop(document.all.marker);
		document.all.ticker.style.posLeft=textwidth
		document.all.ticker.style.clip='rect(0px, '+textcontentwidth+'px, '+(textheight)+'px, 0px)';
		document.all.roof.style.visibility="visible";
		document.all.ticker.style.visibility="visible";
	}
	if (ns6) {
		textcontentwidth=document.getElementById('tickersize').offsetWidth
		document.getElementById('roof').style.left=DL_GetElementLeft(document.getElementById('marker'));
		document.getElementById('roof').style.top=DL_GetElementTop(document.getElementById('marker'));
		document.getElementById('ticker').style.left=textwidth
		document.getElementById('ticker').clip='rect(0px, '+textcontentwidth+'px, '+(textheight)+'px, 0px)';
		document.getElementById('roof').style.visibility="visible";
		document.getElementById('ticker').style.visibility="visible";
	}
	doscroll()
}

function setscrollready(whatanswer) {
	if (whatanswer==1) {
		scrollready=true
		checkscroll()
	}
	else {
		scrollready=false
	}
}

function checkscroll() {
	clearTimeout(timer)
	if (scrollready) {
		doscroll()
	}
}
function reopenpage() {
	history.go(0)
}
window.onresize=reopenpage
window.onload=initscroller
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Commentaire (0)
Écrire

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

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz
Voice chat comning soon. You could talk to ChatGPT and hear the most intelligent AI speaks very soon

Cool Domains for Sale!

ChainTutor.com CryptoKD.com ApexBTC.com pornID.net this.bid CoinHolo.com ZWVQ.com war.money CTRCoin.com XMQV.com YeuNu.com ChatTotal.com Card.rip eChainBank.com ABP3.com choose.exchange CreditCard.rip choose.works system.money index.services

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

30/01/2007
Peter Gehrig [more]
3,315
0
1
1
13.25 KBytes

JavaScript Scroller lisse avec effet de fondu - Langue: Française

4/5 1 votes / 3,315 previews / 0 commentaire 30/01/2007 Surprenez vos visiteurs avec cette unique fondu de dÃ©filement. Configurer le texte, Taille, textcolor, BackgroundColor,...JavaScript Scroller lisse avec effet de fondu - Scroller lisse avec effet de fondu - Langue: Française

rong9dau[2] tnhan[2] tuithichdocsach

Soyons premier membre de le faire

jenna_d klasseesaxgirl