MyDesign | Kod Arşivi - Anasayfaya Dön   No banner in farm
Anasayfa Araştır Forum Gelişmiş Arama Siteniz İçin En Hit İçerikler RSS İçerik Ekle Scriptler Destekleyenler Kadromuz Reklam İletişim Giriş Sayfası Yap  Sık Kullanılanlara Ekle
Bu Kategorinin En Yeni Kodları:


Bu Kategorinin En Çok Görüntülenen Kodları:






Arama:
Gelişmiş Arama


No banner in farm



En Çok Görüntülenen Kodlar:


Üye Girişi:
 Üye Ol



Anasayfa > JavaScript > Kodlar

Xp Tarzı Yükleniyor Çubuğu

XP teması tarzında, herhangi bri resim kullanmadan, sadece kodlar ile yükleniyor çubuğu oluşturan javascript kodu.

Xp  Style  Progress  Bar  Çubuk  Yükleniyor  Loading 

Kategori : JavaScript
Gönderen : mYavuz
Telif : Dynamic Drive
Tarih : 28 Aralık 2006
Örnek Dosya : Bulunmamakta
Okunma Sayısı : 20434
Puan
: 9,2 / 10 (17 Oy)
Puan Verin :
Google Bookmarks  del.icio.us  Digg  Yahoo! MyWeb  Windows Live  Furl
 
 
<html>
<head>
<script type="text/javascript">
// xp_progressbar
// Copyright 2004 Brian Gosselin of ScriptAsylum.com
//
// 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>
</head>
<body>
<script type="text/javascript">
createBar(300,15,'white',1,'black','blue',85,7);
</script>

<a href="javascript:bar2.togglePause()">Durdur</a> 
<a href="javascript:bar2.hideBar()">Gizle</a> 
<a href="javascript:bar2.showBar()">Göster</a> 


<script type="text/javascript">
function redirectpage(){
bar3.togglePause()
window.location="http://www.mydesign.gen.tr"
}
var bar3= createBar(320,15,'white',1,'black','red',85,7,5,"redirectpage()");
</script>
</body>
</html>
 
 

Xp Tarzı Yükleniyor Çubuğu için yazılan yorumlar

Atilla TANER CAN  { 26 Eylül 2010 }
Kardeşimn Komiksiniz yaa Harbiden Bu Kodu Nasıl paylaşıyorsun sen anlamadım Vaalaaa...

selam   { 24 Temmuz 2009 }
arkadasım kendı sıtene yonlendırmısın bu yuzden sızın sıtenızden kod almak ıstemıyorum

maradona   { 12 Temmuz 2008 }
yaww bu ne acayip bir kod :D

Efsane   { 12 Temmuz 2007 }
bence hatalı sanki o kadar da aham şaham bişey değil yine de teşekkürler

Yorum ekleyin

Anasayfa > JavaScript > Kodlar > Xp Tarzı Yükleniyor Çubuğu
Kategoriler:


Forum:



Bağlantılar:


En Son Yorumlanan İçerikler:


Murat Yavuz | Site Haritası | Gizlilik Bildirimi | 54.227.48.147 | 0,11 Saniye
© Copyright 2004-2018 MyDesign | Kod Arşivi. Tüm Hakları Saklıdır.
MyDesign | Kod Arşivi, en iyi görünüm için, 1024x768 ve üzeri çözünürlük tavsiye eder.