Analog saat:Bu örnekte görmüş olduğunuz şekil grafik değil.Tamamen DHTML kodları kullanılarak hazırlanmıştır.

	Sign In Sign-Up


rizacelik.net

Bedava türkçe ,mükemmel web sayfası tasarım araçları,web tasarım programları,animasyon

Mükemmel web sayfası tasarım araçları sitesi

JavaAppletler

Mosaic
Wheelmenu
Analog saat
Text Banner
Fire Works
Text Efekt
Wavy Text
Pro Scroll
Sliding Text
Lake
Flag
Gscrol
Merg
Piano
Rain
Reflect
Riple
Sine

Java Scriptler

sayfada hareketli resim
Cool Images
sayfada hareketli yazı
takvim
Hesap Makinesi
Statusbar Mesajı
Hareketli banner
maus animasyonu
onMauseOwer
PopUp Mesajı
buton
Uhrdatum
ScrolingText
StatusBar
ScrollingBar
BouncingText
ScrollingStatusBar
Clocknow
Marquee
mouse OverImg
EasyMesage
Formcolor
FadeoutText
MouseOverMenuEfect
Cursorsnake
Clipping
3dLinkBar
Gitar ASCI
Cad ASCI
Görl ASCI
Yüzücü ASCI

Sayfada Effect

Boxing-in effect
Special Effect
Special Effect2
Special Effect3
Special Effect4
Page effect
Page Effect2
Background effect

Dynamichtml

Hareketli Menü
Hareketli yazı
fadescroller
HierMenu
Banner
ZoomImgAnimate
TextAnimate NS
ClickMenu
BackroundAnimate NS
BannerMenu NS
ZoomTekst
BannerMenu
Watching Eyes
ZoomImg
Floating images
AnimatetMenü
HreketliYazı
AnimatetMenü
SineScrol İE
BannerText
AnimatetImg
Libary
SineWave
AnimatetMenu
ImgMouseOver
AnimatetImg
AnimatetMenu
AnimatetMenu
3D Link
Marguee
slideitImg
OnMouseOver3D
witchspacer
MenuEvent
Drehlinks
SetInterval
Zittertext
Texter
Singra
TextAnimator
Probetext
Mausspur
Linktick
MoveSaturn
DropdowntextNS
MessageScroller
MargueeMenu
Cursortrial
ChangeText
ClockNoGifs
Transmission
filtermenu
activex
mglass
stikomon

CssStili

CSS

HtmlTags

Img
TextAnimate
MailForm

BedavaWebSiteleri

CGI ve FTP desteği veren en iyi site alanları,tıklayın;

UrlRegister

Site Kaydı için tıkla
Sitenizi 16 veya 140 arama motoruna kaydedin.

TasarımProgramları

Tıklaİndir
En iyi tasarım programları ve açıklamalar.

SponsorSite

Clock no gifs

DHTML

Yazar:Brian Caputo

İşte çok güzel bir analog saat örneği.Bu örnekte görmüş olduğunuz şekil grafik değil.Tamamen DHTML kodları kullanılarak hazırlanmıştır.

Örneğe ait kodları çekmek için form kutusu içindeki kodları kopyalayın.
1.Adım:Bu örnekler <HEAD>..</HEAD> tag'lerinin arasına kopyalayın.Önemli:Saat'in safanızda nerede durmasını istiyorsanız kodların başıda bulunanpX=100;pY=100 X ve Y değerlerini değiştirmeniz gerekir.X değeri arttıkça saat sayfanın solundan uzaklaşacak, Y değeri arttıkça saat sayfanın üst kenarından aşağı doğru kayacaktır.

Tümünü seç

var lastsec
function timer() {
	time = new Date ()
	sec = time.getSeconds()
	min=time.getMinutes()
	hr=time.getHours()
	if (sec!=lastsec) {lastsec = sec
	for (i=1;i<6;i++) {
	obs[i][1] = Math.sin(Math.PI*sec/30)*(44-(i-1)*11)-16;
	if (document.layers)obs[i][1]+=10;
	obs[i][2] = -Math.cos(Math.PI*sec/30)*(44-(i-1)*11)-27;
	}
	for (i=6;i<10;i++) {
	obs[i][1] = Math.sin(Math.PI*min/30)*(40-(i-6)*10)-16;
	if (document.layers)obs[i][1]+=10;
	obs[i][2] = -Math.cos(Math.PI*min/30)*(40-(i-6)*10)-27;
	}
	for (i=10;i<13;i++) {
	obs[i][1] = Math.sin(Math.PI*((hr*60)+min)/360)*(37-(i-10)*11)-16;
	if (document.layers)obs[i][1]+=10;
	obs[i][2] = -Math.cos(Math.PI*((hr*60)+min)/360)*(37-(i-10)*11)-27;
	}}for (i=0; i<13; i++) {
		obs[i][0].left=obs[i][1]+pX
		obs[i][0].top=obs[i][2]+pY
	}}
function setNum(){
cl (0,-67,-65);
cl (1,10,-51);
cl (2,28,-33);
cl (3,35,-8);
cl (4,28,17);
cl (5,10,35);
cl (6,-15,42);
cl (7,-40,35);
cl (8,-58,17);
cl (9,-65,-8);
cl (10,-58,-33);
cl (11,-40,-51);
cl (12,-16,-56);

}
</script>

Aşağıdaki kodları

tag'lerinin arasına kopyalayaınız.

Tümünü seç

Önemli: onLoad="ob(),setNum(),setInterval('timer()',100);" kısmı mutlaka Body tag'ının içine yazılmalıdır.Yani örneğin;<BODY onLoad="ob(),setNum(),setInterval('timer()',100);"> gibi olmalıdır.Aksi taktirde javascript kodları sayfada çalışmayacaktır.

Akrep, yelkovan ve sanisenin renklerini COLOR="#000000" tagının içindeki değerleri gerekli olanlarla değiştirerek elde edebilirsiniz.

This site is hosted for FREE on VirtualAve -- yours can be, too! Click here for more information.

Bu sitede var olan her tür materyal yazarlarına aittir. Kesinlikle ücret karşılığı satılamaz.

Mükemmel web sayfası tasarım araçları sitesi

<body>..</body>