Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj06.09.2009, 19:30 (UTC)    
Mesaj konusu: tasarımlarınızda kullanabileceğiniz bir gizlenen menu örneği

Html Kod
Kod:
<script language="JavaScript" type="text/javascript">

<!--



var obj=new Object();

obj={

 T:300,

 smenu:"",

 HT:"",

 HeightOfMenu:30,

 obj:function()

 {

   this.smenu=document.getElementById('smenu');

    this.HT=document.body.clientHeight-this.HeightOfMenu;

 }

}

obj.scroller=function()

{

 obj.smenu.style.top=(navigator.appName=="Netscape")?window.pageYOffset+obj.HT:document.getElementsByTagName('body').item(0).scrollTop+obj.HT;

 setTimeout("obj.scroller();",obj.T);

}

window.onload=main;

function main()

{

 with(obj)

 {

   obj();

    scroller();

 }

}





//-->

</script>

<style type="text/css">

<!--



body{

        background-color:#FFFFFF;

       }

body span#control a {

                                color:#0000CC;

                              }

body span#smenu {

                            position:;

                           left:30;

                           width:;

                           height:20px;

                           background-color:#FFFFFF;

                           color:#0000CC;

                           border:gray groove 1;

                }

body span#smenu a {

                              color:#000000;

                            }

body span#smenu a:hover {

                                       background-color:lightblue;

                                     }

body span#smenu a:visited {

                                    color:#FF0000;

                                     }

body span#smenu b.Mock-Divider {

                               visibility:hidden;

                               color:#FF0000;



                            }

-->

</style>









<!-- menu -->

<center>

<span id="control"><a href="#" onclick="obj.smenu.style.display='none'">Hide Menu</a></span>



<span id="control"><div style="color:#00ff00;z-index:1;position:relative;display:none;border:0;"></div>

   <a href="#" onclick="obj.smenu.style.display='block'">Show Menu</a>

</span>



<!--einde  Menu -->



  <span id="smenu">

        <b class="Mock-Divider">-</b>

         <a href="http://www.leejoo.nl" target=_blank">Link 1</a>

       <b class="Mock-Divider">-</b>

         <a href="http://www.leejoo.nl" target=_blank">Link 2</a>

         <b class="Mock-Divider">-</b>

         <a href="http://www.leejoo.nl" target=_blank">Link 3</a>

         <b class="Mock-Divider">-</b>

         <a href="http://www.leejoo.nl" target=_blank">Link 4</a>

         <b class="Mock-Divider">-</b>

         <a href="http://www.leejoo.nl" target=_blank">Link 5</a>

         <b class="Mock-Divider">-</b>

         <a href="http://www.leejoo.nl" target=_blank">Link 6</a>

       <b class="Mock-Divider">-</b>       

      <a href="#" onclick="obj.smenu.style.display='none'" style="color:black">x</a>

   </span>

<!-- End Menu -->

Kolay gelsin Smile
Mesaj06.09.2009, 19:50 (UTC)    
Mesaj konusu:

demosu nerde yokmu Question
______________
Seyahatnamem Çok Yakında..
Mesaj07.09.2009, 19:35 (UTC)    
Mesaj konusu:

tarihdefterim yazmış:
demosu nerde yokmu Question

vardı aslınd silinid Very Happy
,

demosunu görmek istersen aç bi not defteri yapıştır kodları farklı kaydet

ama sonuna .html koymayı8 unutma ;D
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu