OnMouseOver Example:İşte çok güzel dedirtecek bir link

Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page

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

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

3DlinkOnMouseOver

DHTML

Yazar:Shiv Basu

Bu DHTML örneği mauseOver özelliğini sergiliyor.Musla EXAMPLE yazısının üstüne gidin ve etkisini görün.
Link eklemek için dikkat çekici bir örnek.

Example 1

Example 2

Ö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

Tümünü seç

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function changein(id) {
        if (ns4) document.layers[id].visibility = "show"
        else if (ie4) document.all[id].style.visibility = "visible"
}

function changeout(id) {
        if (ns4) document.layers[id].visibility = "hide"
        else if (ie4) document.all[id].style.visibility = "hidden"
}
// -->
</script>

a{text-decoration:none;color:#004000}

#examp1a{position:absolute;top:260px;left:80px;font-size:36px;font-family:helvetica, arial; color:#004000; visibility:visible; z-index:2; font-weight:bold;}

#examp1b{position:absolute;top:258;left:78;font-size:36px;font-family:helvetica, arial; color:#c60000; visibility:visible; z-index:1;filter:shadow; font-weight:bold;}

#examp2a{position:absolute;top:260;left:380;font-size:36px;font-family:helvetica, arial; color:#004000; visibility:visible; z-index:2; font-weight:bold;}

#examp2b{position:absolute;top:258;left:378;font-size:36px;font-family:helvetica, arial; color:#c60000; visibility:hidden; z-index:1;filter:shadow; font-weight:bold;}

#explain{text-align:justify; font-size:14px; font-family:helvetica;
}
#sider{position:absolute; top:200;left:655;
}
#sidebar{position:absolute; top:170;left:650;
}
-->
</style>

2.Adım:Aşağıdaki kodları <BODY>..</BODY> tag'ının arasına kopyalayın.Resimlerin yerine istediğiniz resmlerin adını ve uzantısını yazmalısınız.

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.