JavaScript Kod Örnekleri - JavaScript Code Samples

//   *****************************************************************
//  <BODY> Bölümleri arasına eklenecek olan bölüm
//   *****************************************************************

ie=document.all?1:0
n=document.layers?1:0
//How much of the layer do you wan't to be visible when it's in the out state?

lshow=60
//How many pixels should it move every step? 
var move=10;
//At what speed (in milliseconds, lower value is more speed)
menuSpeed=40
//Do you want it to move with the page if the user scroll the page?
var moveOnScroll=true
//Defining variables
var tim;
var ltop;
//Object constructor
function makeMenu(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')                                                
        this.state=1
        this.go=0
        this.width=n?this.css.document.width:eval(obj+'.offsetWidth')
        this.left=b_getleft
    this.obj = obj + "Object";  eval(this.obj + "=this")        
}
//Get's the top position.
function b_getleft(){
        var gleft=(n) ? eval(this.css.left):eval(this.css.pixelLeft);
        return gleft;
}
/*
Deciding what way to move the menu (this is called onmouseover, onmouseout or onclick)
*/
function moveMenu(){
        if(!oMenu.state){
                clearTimeout(tim)
                mIn()   
        }else{
                clearTimeout(tim)
                mOut()
        }
}
//Menu in
function mIn(){
        if(oMenu.left()>-oMenu.width+lshow){
                oMenu.go=1
                oMenu.css.left=oMenu.left()-move
                tim=setTimeout("mIn()",menuSpeed)
        }else{
                oMenu.go=0
                oMenu.state=1
        }       
}
//Menu out
function mOut(){
        if(oMenu.left()<0){
                oMenu.go=1
                oMenu.css.left=oMenu.left()+move
                tim=setTimeout("mOut()",menuSpeed)
        }else{
               oMenu.go=0
               oMenu.state=0
        }       
}
/*
Checking if the page is scrolled, if it is move the menu after
*/
function checkScrolled(){
        if(!oMenu.go) oMenu.css.top=eval(scrolled)+ltop
        if(n) setTimeout('checkScrolled()',30)
}
/*
Inits the page, makes the menu object, moves it to the right place, 
show it
*/
function menuInit(){
        oMenu=new makeMenu('divMenu')
        scrolled=n?"window.pageYOffset":"document.body.scrollTop"
        oMenu.css.left=-oMenu.width+lshow
        ltop=(n)?oMenu.css.top:oMenu.css.pixelTop;
        oMenu.css.visibility='visible'
        if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled();
}
//Initing menu on pageload
onload=menuInit;
</script>

<div id="divMenu" style="position:absolute; top:300; left:30; height:100; width:540; visibility:hidden">
        <a href="http://www.ipucu.web.tr/jsipucu.php" ONMOUSEOVER="window.status='Site Navigation Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">Javascript ipucu</a> -
        <a href="http://www.ipucu.web.tr/phpipucu.php" ONMOUSEOVER="window.status='Page Effect Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">PHP ipucu</a> -
        <a href="http://www.ipucu.web.tr/aspipucu.php" ONMOUSEOVER="window.status='MouseOver Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">ASP ipucu</a> - 
        <a href="http://www.ipucu.web.tr/" ONMOUSEOVER="window.status='User Information Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">Yeni ipucu siteniz</a> - 
        <a href="http://www.ipucu.web.tr/jsipucu.php" onclick="moveMenu(); window.focus()" ONMOUSEOVER="window.status='Click For Menu';return true;" ONMOUSEOUT="window.status='';return true;">MENU</a>
</div>

Yukarıda bulunan kodların <BODY> tagları arasına yerleştirmeniz yeterlidir. Kodları kopyaladıktan sonra tek yapmanız gereken menü başlıklarını ve linkleri düzenlemeniz. İyi çalışmalar.

Ekleyen : Administrator

JavaScript Kod Örnegi (JavaScript Code Sample)

JavaScript Javascript Menü - Kayan Menü

Sayfanın sol tarafında duran ve mouse ile tıklandığında kayarak açılan bir menü örneği

Yukarıda bulunan kodların <BODY> tagları arasına yerleştirmeniz yeterlidir. Kodları kopyaladıktan sonra tek yapmanız gereken menü başlıklarını ve linkleri düzenlemeniz. İyi çalışmalar.

Ekleyen : Administrator

JavaScript Kod Örnegi (JavaScript Code Sample)

JavaScript Javascript Menü - Kayan Menü

Sayfanın sol tarafında duran ve mouse ile tıklandığında kayarak açılan bir menü örneği

Yukarıda bulunan kodların <BODY> tagları arasına yerleştirmeniz yeterlidir. Kodları kopyaladıktan sonra tek yapmanız gereken menü başlıklarını ve linkleri düzenlemeniz. İyi çalışmalar.Ekleyen : Administrator

Yukarıda bulunan kodların <BODY> tagları arasına yerleştirmeniz yeterlidir. Kodları kopyaladıktan sonra tek yapmanız gereken menü başlıklarını ve linkleri düzenlemeniz. İyi çalışmalar.

Ekleyen : Administrator