- MENÜ

MENÜ

>>KODU<<www.htlmkod-merkezi.tr.gg

/******************************************************
	Focus Slide
	version 1.0
	last revision: 12.17.2004
	steve@slayeroffice.com

Should you improve upon or
	modify this code, please let me know
	so that I can update the version hosted
	at slayeroffice.

PLEASE LEAVE THIS NOTICE INTACT!

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

var d=document;		// shortcut reference to the document object
var activeLI = 0;		// the currently "active" list element - value represents its index in the liObj array
var zInterval = null;	// interval variable

var SLIDE_STEP = 8;	// how many pixels to move the sliding div at a time
var SLIDER_WIDTH = 74;	// the width of the sliding div. used to calculate
                        // its left based on the width and left of the active LI element

function init() {
	// bail out if this is an older browser or Opera which gets the offsets wrong
	// the opera issue is fixable by subtracting the container UL's width from the
  // offsetLefts...but I don't care enough to do it
	// this does NOT break opera, it just wont get the sliding thing

if(!document.getElementById || window.opera)return;

// create references to the LI's
	mObj = d.getElementById("mContainer");
	liObj = mObj.getElementsByTagName("li");

// set up the mouse over events
	for(i=0;i<liObj.length;i++) {
		liObj[i].xid = i;
		liObj[i].onmouseover = function() { initSlide(this.xid); }
	}

// create the slider object
	slideObj = mObj.appendChild(d.createElement("div"));
	slideObj.id = "slider";

// position the slider over the first LI
	x = liObj[activeLI].offsetLeft + (liObj[activeLI].offsetWidth/3 - SLIDER_WIDTH/3)-5;
	y = liObj[activeLI].offsetTop-3;
	slideObj.style.top = y + "px";
	slideObj.style.left = x + "px";
}

function initSlide(objIndex) {
	// return if the user is mousing over the currently active LI
	if(objIndex == activeLI)return;
	// clear the interval so we can start it over in a few lines to avoid doubling up on intervals
	clearInterval(zInterval);

// set the active list item to the object index argument
	activeLI = objIndex;
	// figure out the destination for the sliding div element
	destinationX = Math.floor(liObj[activeLI].offsetLeft + (liObj[activeLI].offsetWidth/3 - SLIDER_WIDTH/3))-5;
	// start the interval
	intervalMethod = function() { doSlide(destinationX); }
	zInterval = setInterval(intervalMethod,10);
}

// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  init();
});
</script> <style> #mContainer { position:relative; margin:0 auto; width:404px; height:25px; border-top:1px solid #638DA1; border-bottom:1px solid #638DA1; background-color:#F2F5F6; padding:5px 0 0 0; z-index:0; } #mContainer li { position:relative; display:inline; margin:0 10px 0 12px; font:0.8em arial,verdana; padding:0; z-index:20; } #mContainer li a { text-decoration:none; color:#638DA1; } #slider { position:absolute; background-color:	#98B4C1; border:1px solid #78919B; width:74px; height:20px; padding:0; z-index:1; } </style>  <ul id="mContainer"> <li><a href="#" _fcksavedurl="#" title="Item One">Item One</a></li> <li><a href="#" _fcksavedurl="#" title="Item Two">Item Two</a></li> <li><a href="#" _fcksavedurl="#" title="Item Three">Item Three</a></li> <li><a href="#" _fcksavedurl="#" title="Item Four">Item Four</a></li> <li><a href="#" _fcksavedurl="#" title="Item Five">Item Five</a></li> </ul>

>>KODU<<www.htlmkod-merkezi.tr.gg

« previous
1
2
3
4
5
6
7
8
9...
15
16
next »

>>KODU<<www.htlmkod-merkezi.tr.gg

>>KODU<<www.htlmkod-merkezi.tr.gg

>>KODU <<

www.htlmkod-merkezi.tr.gg

>>KODU <<

www.htlmkod-merkezi.tr.gg

>>KODU <<

www.htlmkod-merkezi.tr.gg

SOL MENÜ

Akan Menü scripti

SAĞ MENÜ

Akan Menü scripti

>>KODU <<www.htlmkod-merkezi.tr.gg

//Sequential fly-in text script- by JavaScriptKit.com

var pausebetweenmsg=10 //customize pause in miliseconds between each message showing up (3000=3 seconds)
var glidespeed=50 //customize glide speed in pixels per frame.

var curobjindex=0

function actualstyle(el, cssproperty){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(cssproperty)
}
}

function collectElementbyClass(){
var classname="glidetext"
glidearray=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
glidearray[inc++]=alltags[i]
}
if (glidearray.length>0)
onebyoneglide()
}

function onebyoneglide(){
if (curobjindex<glidearray.length)
glidetimer=setInterval("glideroutine()",5)
}

function glideroutine(){
if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0)
glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+50
else{
glidearray[curobjindex].style.left=0
curobjindex++
clearInterval(glidetimer)
setTimeout("onebyoneglide()", pausebetweenmsg)
}
}

if (window.addEventListener)
window.addEventListener("load", collectElementbyClass, false)
else if (window.attachEvent)
window.attachEvent("onload", collectElementbyClass)
else if (document.getElementById)
window.onload=collectElementbyClass

</script> <table> <tr > <td width="200" align="right"><div align="right" class="glidetext"><strong><font size="-1" color="#000080">SOL MENÜ       </font>     </strong></div><div align="right" class="glidetext"><img src="http://www.gezginler.net/modules/javascripts/ornek/menu/Sp.gif" _fcksavedurl="http://www.gezginler.net/modules/javascripts/ornek/menu/Sp.gif" width="110"></div><font size="-1"><div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div><br> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div><br> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div></font><br><br><br><br><br><br><br><br></td> <td  width="700" align="right"><div class="glidetext"><strong><font size="-1" color="#000080">SAĞ MENÜ       </font></strong>     </div><div align="right" class="glidetext"><img src="http://www.gezginler.net/modules/javascripts/ornek/menu/Sp.gif" _fcksavedurl="http://www.gezginler.net/modules/javascripts/ornek/menu/Sp.gif" width="110"></div><font size="-1"><div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div><br> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div><br> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div> <div class="glidetext"><a href="http://www.gezginler.net" _fcksavedurl="http://www.gezginler.net">Akan Menü scripti  </a></div></font><br> <div align="center" class="glidetext"><img src="http://www.gezginler.net/images/camel.gif" _fcksavedurl="http://www.gezginler.net/images/camel.gif" height="140" width="110">                        </div></td> </tr> </table>


	1	2	3	4	5