Phiên bản đầy đủ: jsB@nk » Linh tinh » Thanh tiến trình của WinXP 2
URL: https://www.javascriptbank.com/windowsxp-progressbar-v12.html
Hiệu ứng tạo ra thanh tiến trình tương tự như quá trình khởi động WinXP.
Phiên bản đầy đủ: jsB@nk » Linh tinh » Thanh tiến trình của WinXP 2
URL: https://www.javascriptbank.com/windowsxp-progressbar-v12.html
<script language="javascript">// xp_progressbar// Copyright 2004 Brian Gosselin//// v1.0 - Initial release// v1.1 - Added ability to pause the scrolling action (requires you to assign// the bar to a unique arbitrary variable).// - Added ability to specify an action to perform after a x amount of// - bar scrolls. This requires two added arguments.// v1.2 - Added ability to hide/show each bar (requires you to assign the bar// to a unique arbitrary variable).// var xyz = createBar(// total_width,// total_height,// background_color,// border_width,// border_color,// block_color,// scroll_speed,// block_count,// scroll_count,// action_to_perform_after_scrolled_n_times// )var w3c=(document.getElementById)?true:false;var ie=(document.all)?true:false;var N=-1;function createBar(w,h,bgc,brdW,brdC,blkC,speed,blocks,count,action){if(ie||w3c){var t='<div id="_xpbar'+(++N)+'" style="visibility:visible; 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.bar=(ie)?document.all['_xpbar'+N]:document.getElementById('_xpbar'+N);bA.blocks=blocks;bA.N=N;bA.w=w;bA.h=h;bA.speed=speed;bA.ctr=0;bA.count=count;bA.action=action;bA.togglePause=togglePause;bA.showBar=function(){this.bar.style.visibility="visible";}bA.hideBar=function(){this.bar.style.visibility="hidden";}bA.tid=setInterval('startBar('+N+')',speed);return bA;}}function startBar(bn){var t=(ie)?document.all['blocks'+bn]:document.getElementById('blocks'+bn);if(parseInt(t.style.left)+t.h+1-(t.blocks*t.h+t.blocks)>t.w){t.style.left=-(t.h*2+1)+'px';t.ctr++;if(t.ctr>=t.count){eval(t.action);t.ctr=0;}}else t.style.left=(parseInt(t.style.left)+t.h+1)+'px';}function togglePause(){if(this.tid==0){this.tid=setInterval('startBar('+this.N+')',this.speed);}else{clearInterval(this.tid);this.tid=0;}}function togglePause(){if(this.tid==0){this.tid=setInterval('startBar('+this.N+')',this.speed);}else{clearInterval(this.tid);this.tid=0;}}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script language="javascript">var bar1=createBar(500,15,'white',1,'black','silver',85,7,4,'bar1.togglePause()');</script><script language="javascript">var bar2=createBar(500,10,'black',1,'black','white',45,15,0,'');</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->