+1000 html kodları,Güncel Ücretsiz Kod Canavarı,Css Kodlar,Javascript Html Kod Canavarında: Sitenize Java Script Şık ve Sitenizi Kasmayacak Java Script Açılır Menu Ekleyin-HTML KOD CANAVARI

JavaScript Menunun Bir Ön izlemesi

Java Script Menu Gayet Şık Mouse u Menunuze Götürdüğünüz Zaman Açılan Alt Kategorilerede sahip

KOD

layer-background-color:green}
DIV.clSub{position:absolute; top:20; left:0; width:120; visibility:hidden; font-family:arial,helvetica; font-

weight:normal; font-size:12px; padding:10px; background-color:#6bc0f0; layer-background-color:#6bc0f0}
DIV.clTop{position:absolute; visibility:inherit; font-family:arial,helvetica; font-weight:bold; font-size:13px;

left:100; top:20}
#divTop0{left:5%; top:5}
#divTop1{left:25%; top:5}
#divTop2{left:45%; top:5}
#divTop3{left:65%; top:5}
#divTop4{left:85%; top:5}
</style>
<script type="text/javascript" language="JavaScript">
/*************************************************************************** 
********************************************************************************/

//Default browsercheck, added to all scripts!
function checkBrowser(){
 this.ver=navigator.appVersion
 this.dom=document.getElementById?1:0
 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
 this.ie4=(document.all && !this.dom)?1:0;
 this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
 this.ns4=(document.layers && !this.dom)?1:0;
 this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
 return this
}
bw=new checkBrowser()
//Do you want it to move with the page if the user scroll the page?
var moveOnScroll=true

numberOfMenus=5//How many menus do you have

//Do you want to hide all the other submenus when you click a new?
var hideAll=true

//How much from top do you want the menu?
fromTop=85

/********************************************************************************

********************************************************************************/

/********************************************************************************
Object constructor
********************************************************************************/
function makeMenuBar(obj,nest,vis){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval

(nest+"document.layers." +obj):0;  
 this.hideIt=b_hideIt; this.showIt=b_showIt     
 if((bw.dom || bw.ie4) && vis) this.css.visibility='hidden'
 this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers."

+obj):0;  
 this.go=0
 this.height=bw.ns4?this.css.document.height:this.evnt.offsetHeight
 this.top=b_gettop
    this.obj = obj + "Object";  eval(this.obj + "=this") 
}
//Get's the top position.
function b_gettop(){
 var gleft=(n) ? eval(this.css.top):eval(this.css.pixelTop);
 return gleft;
}
//The functions for showing and hiding
function b_showIt(){
 this.css.visibility="visible"
}
function b_hideIt(){
 this.css.visibility="hidden"
}
/********************************************************************************
Checking if the page is scrolled, if it is move the menu after
********************************************************************************/
function checkScrolled(){
 if(!oMenu.go)oMenu.css.top=eval(scrolled)+fromTop
 if(bw.ns4) setTimeout('checkScrolled()',30)
}
/********************************************************************************
Inits the page, makes the menu object, moves it to the right place, 
show it..
********************************************************************************/
function menuBarInit(){
 oSub=new Array()
 oTop=new Array()
 for(i=0;i<numberOfMenus;i++){
  oTop[i]=new makeMenuBar('divTop'+i,'divBg')
  oSub[i]=new makeMenuBar('divSub'+i,'divBg.document.divTop'+i,1)
  oSub[i].evnt.onmouseout=evOut;
 }
 //Moving menuBar
 oMenu=new makeMenuBar('divBg')
 scrolled=bw.ns4?"window.pageYOffset":bw.ns5?"0":"document.body.scrollTop"
 oMenu.css.top=eval(scrolled)+fromTop
 oMenu.css.visibility='visible'
 if(moveOnScroll) bw.dom || bw.ie4?window.onscroll=checkScrolled:checkScrolled();

}

/********************************************************************************
Shows and hides the submenus
********************************************************************************/

</head>

<body>

<div id="divBg">
 <div id="divBgColor">
</div>
<div id="divTop0" class="clTop">
   <a href="#" onmouseover="extract(0)">Menu İsmi</a>
   <div id="divSub0" class="clSub">
    
    <a href="linki buraya giriniz" onmouseover="ieShow(0)" onmouseout="ieShow(0)">Menuye İsim ver</a>  <br>
    <a href="linki buraya giriniz" onmouseover="ieShow(0)" onmouseout="ieShow(0)">Menuye İsim Ver</a><br>
    <a href="linki buraya giriniz" onmouseover="ieShow(0)" onmouseout="ieShow(0)">Menuye isim ver</a><br><br>
   </div>
</div>
<div id="divTop1" class="clTop">
   <a href="#" onmouseover="extract(1)">Menu İsmi</a>
   <div id="divSub1" class="clSub">
    
    <a href="menunuzun linkini buraya giriniz" onmouseover="ieShow(1)" onmouseout="ieShow(1)">Menunuze İsim</a>  <br>
    <a href="menu linkini buraya giriniz" onmouseover="ieShow(1)" onmouseout="ieShow(1)">Menunuze İsim</a><br><br>
   </div>
</div>
<div id="divTop2" class="clTop">
   <a href="#" onmouseover="extract(2)">Menunuze Bir İsim Giriniz</a>
   <div id="divSub2" class="clSub">
    
    <a href="menu linki buraya" onmouseover="ieShow(2)" onmouseout="ieShow(2)">Menunuze İsim veriniz</a>  <br>
    <a href="menu linki buraya" onmouseover="ieShow(2)" onmouseout="ieShow(2)">Menunuze İSim Veriniz</a><br><br>
   </div>
</div>
<div id="divTop3" class="clTop">
   <a href="#" onmouseover="extract(3)">Menunuze Bir İsim Giriniz</a>
   <div id="divSub3" class="clSub">
    
    <a href="menunuzun linki buraya" onmouseover="ieShow(3)" onmouseout="ieShow(3)">Menunuzun İsmini Buraya Giriniz</a>  <br>
    <a href="menunuzun linki buraya" onmouseover="ieShow(3)" onmouseout="ieShow(3)">Menunuzun İsmini Buraya Giriniz</a><br>
    <a href="menunuzun linki buraya" onmouseover="ieShow(3)" onmouseout="ieShow(3)">Menunuzun İsmini Buraya Giriniz</a><br><br>
   </div>
</div>
<div id="divTop4" class="clTop">
   <a href="#" onmouseover="extract(4)">Menunuze Bir İsim Giriniz</a>
   <div id="divSub4" class="clSub">
    
    <a href="menu linki buraya" onmouseover="ieShow(4)" onmouseout="ieShow(4)">Sub Link 1</a>  <br>
    <a href="menu linki buraya" onmouseover="ieShow(4)" onmouseout="ieShow(4)">Sub Link 2</a><br><br>
   </div>
</div>
,<
/body>

</html>
<a target="_blank" href="http://www.htmlkodcanavari.blogspot.com" style="font-size: 6pt; text-decoration: none">ÜCretsiz Güzel Html Kodlar,Html Kod Canvarında</a>

Açılır Menu için Ekleyeceğiniz yerin Gadgetine Html-Java Script Ekleden Olustur-Html Klasmanında Html Yİ seçip kodu yapıştırıyorsunuz ,sonra menunuzun linkini ve isimlerini kendi menu isimleriniz ve linkinizle değiştiriyorsunuz(change liyorsunuz.)

Java Script Şık Bir Menu
Html Kod Canavarı Sitenizin Gelişmesi ve daha Gösterişli bir hale gelmesi için elinden geldiğince size güncel ve özgün kodlar sunuyor.Yorumlarınız bizim için çok önemli lütfen Yorum yapmayı ihmal etmeyiniz.

21 Eylül 2014 Pazar

Sitenize Java Script Şık ve Sitenizi Kasmayacak Java Script Açılır Menu Ekleyin-HTML KOD CANAVARI

Hiç yorum yok:

Yorum Gönder