Kategorisiz HTML ipuçları ve kısayolları

Ekranınızı 1024x768 çözünürlüğe ayarlamanız önerilir

Sık Kullanılanlar menusune eklemek için tıklayın

Korfez.net'i İnternete başlangıç sayfası yapmak için tıklayın

Form elemanlarını renklendiriniz

   Göze hoş gözüken bir form elemanı renklendirme scripti. Odak noktasındaki form elemanını 5 ayrı şekilde renklendirerek anime edebilirsiniz.

high-light animasyonunu bu formu tıklayarak deneyiniz high-light animasyonunu bu formu tıklayarak deneyiniz high-light animasyonunu bu formu tıklayarak deneyiniz

1)  Web sayfanızı açarak aşağıdaki "Tümünü Seç" butonun tıklayarak elde edceğiniz kodu <HEAD> </HEAD> etiketlerinin arasına yapıştırın.


<SCRIPT> /////////////////////////////////////////////////////////////////////////// // konfigurasyon buradan başlıyor /////////////////////////////////////////////////////////////////////////// // Set 1 if the background should fade from dark to medium and back to dark // Set 2 if the background should fade from light to medium and back to light // Set 3 if the background should fade from light to dark and back to light // Set 4 if the background should fade from light to very light and back to light // Set 5 if the background should fade from dark to very dark and back to dark // yukardaki renk efektlerinden bir numarayı secip hemen asagida bulunan // (var fade_effect=4)deki 4 rakkaminin yerine yazin: var fade_effect=4 /////////////////////////////////////////////////////////////////////////// // konfigurasyon burada bitiyor asagidaki satirlara dokunmayin /////////////////////////////////////////////////////////////////////////// var eventobj=false var timer var previouscolor var ns6=document.getElementById&&!document.all if (fade_effect==1) { var darkmax=1 var lightmax=127 } if (fade_effect==2) { var darkmax=127 var lightmax=254 } if (fade_effect==3) { var darkmax=1 var lightmax=254 } if (fade_effect==4) { var darkmax=180 var lightmax=254 } if (fade_effect==5) { var darkmax=1 var lightmax=80 } var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F') var redrgb=lightmax var greenrgb=lightmax var bluergb=lightmax var redcol_1 var redcol_2 var greencol_1 var greencol_2 var bluecol_1 var bluecol_2 var stepmax=15 var stepred=Math.ceil(stepmax*Math.random()) var stepgreen=Math.ceil(stepmax*Math.random()) var stepblue=Math.ceil(stepmax*Math.random()) function setrandomstep() { stepred=Math.ceil(stepmax*Math.random()) stepgreen=Math.ceil(stepmax*Math.random()) stepblue=Math.ceil(stepmax*Math.random()) } function makedarker() { redrgb-=stepred greenrgb-=stepgreen bluergb-=stepblue if (redrgb<darkmax) {redrgb=darkmax} if (greenrgb<darkmax) {greenrgb=darkmax} if (bluergb<darkmax) {bluergb=darkmax} if (redrgb>darkmax || greenrgb>darkmax || bluergb>darkmax) { redcol_1 = hexc[Math.floor(redrgb/16)]; redcol_2 = hexc[redrgb%16]; greencol_1 = hexc[Math.floor(greenrgb/16)]; greencol_2 = hexc[greenrgb%16]; bluecol_1 = hexc[Math.floor(bluergb/16)]; bluecol_2 = hexc[bluergb%16]; var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2 eventobj.style.backgroundColor=backcolor timer=setTimeout("makedarker()",20); } else { clearTimeout(timer) setrandomstep() setTimeout("makelighter()",20) } } function makelighter() { redrgb+=stepred greenrgb+=stepgreen bluergb+=stepblue if (redrgb>=lightmax) {redrgb=lightmax} if (greenrgb>=lightmax) {greenrgb=lightmax} if (bluergb>=lightmax) {bluergb=lightmax} if (redrgb<lightmax || greenrgb<lightmax || bluergb<lightmax) { redcol_1 = hexc[Math.floor(redrgb/16)]; redcol_2 = hexc[redrgb%16]; greencol_1 = hexc[Math.floor(greenrgb/16)]; greencol_2 = hexc[greenrgb%16]; bluecol_1 = hexc[Math.floor(bluergb/16)]; bluecol_2 = hexc[bluergb%16]; var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2 eventobj.style.backgroundColor=backcolor timer=setTimeout("makelighter()",20); } else { clearTimeout(timer) setrandomstep() setTimeout("makedarker()",20) } } function animate(e) { if (document.all) { if (eventobj) { eventobj.style.backgroundColor=previouscolor } clearTimeout(timer) eventobj= event.srcElement previouscolor= eventobj.style.backgroundColor makedarker() } } function stopit() { if (document.all) { clearTimeout(timer) eventobj.style.backgroundColor=previouscolor } } </script>

2)  Aşağıda kırmızı ile yazılmış kodu herhangi bir form elemanının içine yerleştirin
<input type="button" onFocus="animate(event)" onBlur="stopit()" value="submit">

3)  Web sayfanıza gidip script kodunun hemen başındaki var fade_effect=4 deki 4 rakamını 1-5 arsında bir sayı ile değiştirip farklı renkleri deneyiniz.

   Murat Kemal ÜNSAL

   19/12/2001

ALIŞVERİŞ
BASIN VE YAYIN

BAŞVURU
BİLİM

BİLGİSAYAR
EĞİTİM

EKONOMİ VE İŞ
EĞLENCE

KÜLTÜR-SANAT
SAĞLIK

4920 Türkçe websitesini sizin için derledik