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

Ana Sayfa » +1000 html kodları » Sitenize Java Script Şık ve Sitenizi Kasmayacak Java Script Açılır Menu Ekleyin-HTML KOD CANAVARI

21 Eylül 2014 Pazar

Yazan:: blogg

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

<html><head> <style type="text/css">#divBg{position:absolute; width:100%; top:0; left:0; visibility:hidden; height:85} #divBgColor{position:absolute; top:0; left:0; width:103%; height:30; clip:rect(0,107%,30,0); background-color:#02a0fa;   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 ********************************************************************************/  function evOut(){  if(bw.ie4 || bw.dom)this.style.visibility='hidden'  else if(bw.ns4) this.visibility='hidden' } //Canceling event bubbling in ie function ieShow(num){  if(bw.ie4 || bw.dom){   oSub[num].showIt()   window.event.cancelBubble=true  } } function extract(num){  if(hideAll){   for(i=0;i<oSub.length;i++){    if(num!=i) oSub[i].hideIt()   }  }  oSub[num].showIt(); } onload=menuBarInit; </script> </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.

Tüm Css ve Html Kodları Ücretsiz Birşekilde Sunulmaktadır.Css Ve Html Kod Sayfası

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

21 Eylül 2014 Pazar

Hiç yorum yok:

21 Eylül 2014 Pazar

Etiketler:

Hiç yorum yok: