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

 
WEB rizacelik.net Click Here DynamicDrive.comDhtml
TextAnimation-ButonAnimation-TextBanner-ImgBanner-FreeWebPage
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
 
   Hidemenu 
 
 


DHTML 

Yazar:CofeeCup
 
 

Mausla bir yazının üstüne tıklandığında açılan çoktan seçmeli menü örneği.Anamenü yazısını tıklayın.Anamenü yazısı ikincikez tıklandığında menü kapanacaktır.
 

Anamenü
1Adım:Aşağıdaki <style> kodlamasını sayfada <Head>.. </Head> tag'ının arasına gelecek şekilde yazın. 
2.Adım:Kodlamada kullanılan ve sayfada görünmesi istenen link adlarını değiştirmek ve kendinize ait bir adı (kırmızı olanlar) ve linkadresini yazacağınız yer Beyaz olarak işaretlendirilmiştir.

<style>
<!--
#wrapper{
position:relative;
height:30px
}

#wrapper2{
position:absolute
}

#coffeemenu03{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}
 

-->
</style></HEAD>

<BODY>

<ilayer id="coffeemenu01" height=35px>
<layer id="coffeemenu02" visibility=show>
<span id="wrapper">
<span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false">
<font face="Verdana"><b><a href="#">Anamenü</a></b></font>
</span>
</span>
</layer>
</ilayer>

<script language="JavaScript1.2">
 

var enableeffect=true

var selection=new Array()
selection[0]='<font face="ARIAL BLACK"><a href="#">Şiir Sayfası</a><br>'
selection[1]='<a href="#">Menu</a><br>'
selection[2]='<a href="#">Menu</a><br>'
selection[3]='<a href="#">Menu</a><br>'
selection[4]='<a href="#">Menu</a><br></font>'

if (document.layers)
document.coffeemenu01.document.coffeemenu02.visibility='show'

function dropit2(){
if (document.all){
coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX
coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (coffeemenu03.style.visibility=="hidden"){
if (enableeffect)
coffeemenu03.filters.revealTrans.apply()
coffeemenu03.style.visibility="visible"
if (enableeffect)
coffeemenu03.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}

function dropit(e){
if (document.coffeemenu03.visibility=="hide")
document.coffeemenu03.visibility="show"
else
document.coffeemenu03.visibility="hide"
document.coffeemenu03.left=e.pageX-e.layerX
document.coffeemenu03.top=e.pageY-e.layerY+19
return false
}

function hidemenu(){
if (enableeffect)
coffeemenu03.filters.revealTrans.stop()
coffeemenu03.style.visibility="hidden"
}

function hidemenu2(){
document.coffeemenu03.visibility="hide"
}

if (document.layers){
document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK)
document.coffeemenu01.document.coffeemenu02.onclick=dropit
}
else if (document.all)
document.body.onclick=hidemenu

</script>

<div id="coffeemenu03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;
background-color:#C0C0C0;width:200;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
coffeemenu03.style.padding='4px'
for (i=0;i<selection.length;i++)
document.write(selection[i])
</script>
</div>

<script language="JavaScript1.2">
if (document.layers){
document.coffeemenu03.captureEvents(Event.CLICK)
document.coffeemenu03.onclick=hidemenu2
}
</script>
 
 


 
 
 
 
 






 

Click here to visit our sponsor
Find old friends here! Classmates.com
Copyright © 1999-2000 rizacelik.net
Bu sitede var olan her tür materyal yazarlarına aittir. Kesinlikle ücret karşılığı satılamaz.