»
AnglaisFranaisVietnamien

Imprimer - WinXP Barre de progression - JavaScriptBank.com

Version complte: jsB@nk » Divers » WinXP Barre de progression
URL: http://www.javascriptbank.com/winxp-progress-bar.html

WinXP Barre de progression © JavaScriptBank.comUne grande recherche pure DHTML barre de progression qui ressemble à celui vu dans la fenêtre de l'écran de démarrage de XP. Tous les aspects visuels de la barre peut être personnalisée, et le script ne peut être invoqué plusieurs fois pour afficher plusieurs barres sur la même page. Le script fonctionne dans les deux IE5 + et NS6 +.

Version complte: jsB@nk » Divers » WinXP Barre de progression
URL: http://www.javascriptbank.com/winxp-progress-bar.html



JavaScript
<script language="javascript">// xp_progressbar// Copyright 2004 Brian Gosselin of ScriptAsylum.comvar w3c=(document.getElementById)?true:false;var ie=(document.all)?true:false;var N=-1;var bars=new Array();function createBar(w,h,bgc,brdW,brdC,blkC,speed,blocks){if(ie||w3c){var t='<div style="position:relative; overflow:hidden; width:'+w+'px; height:'+h+'px; background-color:'+bgc+'; border-color:'+brdC+'; border-width:'+brdW+'px; border-style:solid; font-size:1px;">';t+='<span id="blocks'+(++N)+'" style="left:-'+(h*2+1)+'px; position:absolute; font-size:1px">';for(i=0;i<blocks;i++){t+='<span style="background-color:'+blkC+'; left:-'+((h*i)+i)+'px; font-size:1px; position:absolute; width:'+h+'px; height:'+h+'px; 't+=(ie)?'filter:alpha(opacity='+(100-i*(100/blocks))+')':'-Moz-opacity:'+((100-i*(100/blocks))/100);t+='"></span>';}t+='</span></div>';document.write(t);var bA=(ie)?document.all['blocks'+N]:document.getElementById('blocks'+N);bA.blocks=blocks;bA.w=w;bA.h=h;bars[bars.length]=bA;setInterval('startBar('+N+')',speed);}}function startBar(bn){var t=bars[bn];t.style.left=((parseInt(t.style.left)+t.h+1-(t.blocks*t.h+t.blocks)>t.w)? -(t.h*2+1) : parseInt(t.style.left)+t.h+1)+'px';}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<SCRIPT type=text/javascript>createBar(300,15,'white',1,'black','blue',85,7);</SCRIPT><br><SCRIPT type=text/javascript>createBar(300,15,'white',1,'black','green',85,7);</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->