Ev Bilgisayarı  


Geri Dön   Ev Bilgisayarı > Web Geliştirme > Scriptler

Scriptler Phphbb,smf,vbullettin,php nuke ve diğer tüm scriptler hakkında herşey

Yanıp sönen menu
Web Geliştirme katagorisindeki Scriptler bölümünde açılan Yanıp sönen menu adlı konudan; Menüyü umarım beğendiniz. Bu tip menülerde ister butonları ışıklandırabilir, isterseniz yukarı aşağı hareket ettirebilirsiniz. Bu sizin tercihinize kalmış bir iş. Bu hareketin oluşması şu şekilde oluyor. Link bir resim. Mouse ...


Cevapla
 
LinkBack Konu Seçenekleri
Eski 31.08.2006, 13:36       #1
Bakan
 
Mesajlar: 370
Puan: 83
Tanımlı Yanıp sönen menu


Menüyü umarım beğendiniz. Bu tip menülerde ister butonları ışıklandırabilir, isterseniz yukarı aşağı hareket ettirebilirsiniz. Bu sizin tercihinize kalmış bir iş. Bu hareketin oluşması şu şekilde oluyor. Link bir resim. Mouse bu resmin üzerine geldiğinde yeni bir resim gözüküyor. Mouse linkin üzerinden ayrıldığında ise tekrar eski resme dönülüyor. Bu ise sanki bir hareket var imajı veriyor.

Bu scripti kullanmak istediğinizde kaç link verecekseniz iki katı kadar resim yapmanız gerekiyor. Mesela biz 6 link için 12 resim hazırladık.

Script içerisinde resimleri tanımlıyoruz. Her resim için
var resmin_adi=new Image(); şeklinde javascripte bir resim yeri açmasını sağlıyoruz.

Yine resmin_adi.src="resim.gif"; şeklinde birtanımlama ile her resim browsere yükletilir.

Link tanımlamaları yapılırken her resim gösterilirken resme bir isim veriliyor. Mesela
<img name="yeni_resim" src="resim.gif"> gibi.

Yine link verilirken şu şekilde veriyoruz.
<a href="gidilecek_adres.html" onMouseOver="yeni_resim.src=resim2.src" onMouseOut="yeni_resim.src=resim1.src">
Burada yeni_resim.src resme verilen isimdir. resim2.src ise mouse linkin üzerine geldiğinde gösterilecek resmin script bölümünde tanımladığımız adıdır. resim1.src ise resim1'in script bölümünde tanımlanan adıdır.

<html>
<head>
<script>
<!-- gizle

var but1a=new Image();
var but1b=new Image();
var but2a=new Image();
var but2b=new Image();
var but3a=new Image();
var but3b=new Image();
var but4a=new Image();
var but4b=new Image();
var but5a=new Image();
var but5b=new Image();
var but6a=new Image();
var but6b=new Image();
but1a.src="buton1a.gif";
but1b.src="buton1b.gif";
but2a.src="buton2a.gif";
but2b.src="buton2b.gif";
but3a.src="buton3a.gif";
but3b.src="buton3b.gif";
but4a.src="buton4a.gif";
but4b.src="buton4b.gif";
but5a.src="buton5a.gif";
but5b.src="buton5b.gif";
but6a.src="buton6a.gif";
but6b.src="buton6b.gif";

// gizleme sonu -->
</script>
</head>

<body>

<table border=0 align=left><tr><td>
<a href="#" onMouseOver="b1.src=but1b.src" onMouseOut="b1.src=but1a.src"><img name=b1 width=130 height=30 src="buton1a.gif" alt="Programlar"></a><br>
<a href="#" onMouseOver="b2.src=but2b.src" onMouseOut="b2.src=but2a.src"><img name=b2 width=130 height=30 src="buton2a.gif" alt="Javascript"></a><br>
<a href="#" onMouseOver="b3.src=but3b.src" onMouseOut="b3.src=but3a.src"><img name=b3 width=130 height=30 src="buton3a.gif" alt="Html kursu"></a><br>
<a href="#" onMouseOver="b4.src=but4b.src" onMouseOut="b4.src=but4a.src"><img name=b4 width=130 height=30 src="buton4a.gif" alt="Bedava servisler"></a><br>
<a href="#" onMouseOver="b5.src=but5b.src" onMouseOut="b5.src=but5a.src"><img name=b5 width=130 height=30 src="buton5a.gif" alt="Background"></a><br>
<a href="#" onMouseOver="b6.src=but6b.src" onMouseOut="b6.src=but6a.src"><img name=b6 width=130 height=30 src="buton6a.gif" alt="E-Mail"></a><br>

</td></tr></table>

</body>
</html>
 
Alıntı ile Cevapla
Eski 2.08.2007, 23:15       #2
Halk
 
Mesajlar: 11
Puan: 10
Tanımlı

sağolasın kardeş
 
Alıntı ile Cevapla
Eski 7.08.2007, 23:14       #3
Birey
 
yoshy_gizem - ait Avatar
 
Mesajlar: 30
Puan: 10
Tanımlı

tskkkkkkkkkkk
 
Alıntı ile Cevapla
Eski 11.08.2007, 10:07       #4
Birey
 
Mesajlar: 56
Puan: 10
Tanımlı

teşkkürler
 
Alıntı ile Cevapla
Eski 22.10.2007, 16:26       #5
Bakan
 
canpolat1 - ait Avatar
 
Mesajlar: 726
Puan: 1906
Tanımlı

sağolasın...
 
Alıntı ile Cevapla
Eski 30.11.2007, 22:10       #6
Bölüm Yetkilisi
 
Nastrowyha - ait Avatar
 
Mesajlar: 3.452
Puan: 11104
Tanımlı

sağolasın
__________________
Bu şehide kac dua okudu dilleri
Geride gözyaşı yanına hasreti
Kar kalır askeri savaşa qönderin ?
Adımlar ileri ölüm kokar her yer..



Nѕт373
 
Alıntı ile Cevapla
Cevapla


Konuyu toplam 0 üye ve 1 ziyaretçi okuyor
 
Konu Seçenekleri

Yetkiler
Yeni konu açma yetkisi yoktur
Yeni mesaj gönderme yetkisi yoktur
Yeni eklenti gönderme yetkisi yoktur
Mesaj düzenleme yetkisi yoktur

BB Kodu: Açık
Smileler: Açık
[IMG] Kodu: Açık
HTML Kodları: Kapalı
Trackbacks: Açık
Pingbacks: Açık
Refbacks: Açık
Görüntülemek istediğiniz bölümü seçiniz

Benzer Konular
Konu Konuyu Açan Forum Cevaplar Son Mesaj
MP3 leriniz çalarken klavyedeki ışıkların yanıp sönmesini istermisiniz... mustizmir Programlar 5 6.12.2007 22:35
Vista.Start.Menu.v.2.02.SE ademsahin Programlar 0 14.02.2007 15:03
Vista Start Menu v2.1 mustizmir Programlar 0 28.12.2006 14:50
Fast Menu THE MUMMY Programlar 3 6.12.2006 08:48
ArtixMedia Menu Studio 3.5 THE MUMMY Programlar 0 27.10.2006 22:45


Bütün zaman ayarları WEZ +2. Saat: 13:04


Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
eXTReMe Tracker

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59