JAVASCRIPT Menu Kayan Menu

Hoşgeldiniz giriş yapmak için tıklayın veya ücretsiz üye olun.

BANA ÖZEL

KOD EKLE

JAVASCRIPT> Menu>

Kayan Menu

Id No : 34

Detaylar

Ekleyen : efkan

Üyelik : 30.09.2006

Son Giriş : 25.08.2010

Kullanıcı Profili | Üyenin Diğer Kayıtları | Üyeye Mesaj Gönder

Tavsiye Et

Hata Bildir

Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%

İçerik Hakkında

Sayfanızda yerden kazanmak isteyenlere pratik kayan menu

İçerik Kodu

<style>

TD{font-family:arial,helvetica; font-size:10pt}

BODY{background-color:white}

A{color:Navy; text-decoration:none}

A:hover{color:red}

A:visited:{color:#808080}

DIV{font-family:arial,helvetica; font-size:12pt; font-weight:bold}

</style>

This script is made by and copyrighted to Thomas Brattli at www.bratta.com

Visit for more great scripts.

This may be used freely as long as this msg is intact!

*********************************************************

Browsercheck:*/

ie=document.all?1:0

n=document.layers?1:0

//These are the variables you have to set:

//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

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

***********************

You should't have to change anything below this.

**********************************************************

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

//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="java1.htm" ONMOUSEOVER="window.status='Site Navigation Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">Site Navigation</a> -

<a href="java1.htm" ONMOUSEOVER="window.status='Page Effect Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">Page Effects</a> -

<a href="java1.htm" ONMOUSEOVER="window.status='MouseOver Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">Mouse Overs</a> -

<a href="java1.htm" ONMOUSEOVER="window.status='User Information Scripts';return true;" ONMOUSEOUT="window.status='';return true;" onclick="window.focus()">User Information</a> -

</div>

İncelenme sayısı : 7271 Eklenme Tarihi : 30.09.2006 23:38:29

Ana Sayfam yap

Sık Kullanılanlara Ekle

Üyelik

İletişim

Web sayfamızda yayımlanan içerik ve linklerden oluşabilecek sorunlardan Kod Merkezi sorumlu tutulamaz. 0,14