DH Anasayfa
İndirim Kodu
Ara
Popüler
Foruma Git
Hakkımızda
Destek
Mobil Sürüm
Standart Site Görünümü
Bu Konuda
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Arama butonu
Bağlan:
Facebook
Google+
Twitter
Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar JAVASCRIPT MeNu lazim acil bakin bi
Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı
5
Cevap 180
Tıklama 0
Öne Çıkarma
JAVASCRIPT MeNu lazim acil bakin bi
Cevap Yaz
Konuya Özel
R
rtsngz
20 yıl
Binbaşı
Konu Sahibi

arkadaslar ben yeni bir portal yapacagim. fakat menülerde takıldım. js lazım.
adresi wereyim de
bi bakın
http://byrd.ath.cx/asmakat.net/home.asp
bakın üstteki menüye ona aşağıya doğru açılır yapıcaz. yardım lütfenn :(((



G
GencDesign
20 yıl
Teğmen

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Angus Turnbull -->
<!-- Web Site: http://gusnz.cjb.net -->
<!-- Başlangıç
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
function getRef(id) {
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
function getSty(id) {
return (isNS4 ? getRef(id) : getRef(id).style);
}

var popTimer = 0;

var litNow = new Array();
function popOver(menuNum, itemNum) {
clearTimeout(popTimer);
hideAllBut(menuNum);
litNow = getTree(menuNum, itemNum);
changeCol(litNow, true);
targetNum = menu[menuNum][itemNum].target;
if (targetNum > 0) {
thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left);
thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top);
with (menu[targetNum][0].ref) {
left = parseInt(thisX + menu[targetNum][0].x);
top = parseInt(thisY + menu[targetNum][0].y);
visibility = 'visible';
}
}
}
function popOut(menuNum, itemNum) {
if ((menuNum == 0) && !menu[menuNum][itemNum].target)
hideAllBut(0)
else
popTimer = setTimeout('hideAllBut(0)', 500);
}
function getTree(menuNum, itemNum) {

itemArray = new Array(menu.length);

while(1) {
itemArray[menuNum] = itemNum;

if (menuNum == 0) return itemArray;
itemNum = menu[menuNum][0].parentItem;
menuNum = menu[menuNum][0].parentMenu;
}
}

function changeCol(changeArray, isOver) {
for (menuCount = 0; menuCount < changeArray.length; menuCount++) {
if (changeArray[menuCount]) {
newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;

with (menu[menuCount][changeArray[menuCount]].ref) {
if (isNS4) bgColor = newCol;
else backgroundColor = newCol;
}
}
}
}
function hideAllBut(menuNum) {
var keepMenus = getTree(menuNum, 1);
for (count = 0; count < menu.length; count++)
if (!keepMenus[count])
menu[count][0].ref.visibility = 'hidden';
changeCol(litNow, false);
}

function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) {

this.isVert = isVert;

this.popInd = popInd

this.x = x;
this.y = y;
this.width = width;

this.overCol = overCol;
this.backCol = backCol;

this.borderClass = borderClass;
this.textClass = textClass;

this.parentMenu = null;
this.parentItem = null;

this.ref = null;
}

function Item(text, href, frame, length, spacing, target) {
this.text = text;
this.href = href;
this.frame = frame;
this.length = length;
this.spacing = spacing;
this.target = target;

this.ref = null;
}

function writeMenus() {
if (!isDOM && !isIE4 && !isNS4) return;

for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) {

var str = '', itemX = 0, itemY = 0;


for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]) {
var itemID = 'menu' + currMenu + 'item' + currItem;


var w = (isVert ? width : length);
var h = (isVert ? length : width);


if (isDOM || isIE4) {
str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX + '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; ';
if (backCol) str += 'background: ' + backCol + '; ';
str += '" ';
}
if (isNS4) {
str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' + w + '" height="' + h + '" visibility="inherit" ';
if (backCol) str += 'bgcolor="' + backCol + '" ';
}
if (borderClass) str += 'class="' + borderClass + '" ';


str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')">';

str += '<table width="' + (w - 8) + '" border="0" cellspacing="0" cellpadding="' + (!isNS4 && borderClass ? 3 : 0) + '"><tr><td align="left" height="' + (h - 7) + '">' + '<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=2664437&url=' + href + '"' + (frame ? ' target="' + frame + '" data-href="' + href + '"' + (frame ? ' target="' + frame + '">' : '>') + text + '</a></td>';
if (target > 0) {


menu[target][0].parentMenu = currMenu;
menu[target][0].parentItem = currItem;

if (popInd) str += '<td class="' + textClass + '" align="right">' + popInd + '</td>';
}
str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>');
if (isVert) itemY += length + spacing;
else itemX += length + spacing;
}
if (isDOM) {
var newDiv = document.createElement('div');
document.getElementsByTagName('body').item(0).appendChild(newDiv);
newDiv.innerHTML = str;
ref = newDiv.style;
ref.position = 'absolute';
ref.visibility = 'hidden';
}

if (isIE4) {
document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>');
ref = getSty('menu' + currMenu + 'div');
}

if (isNS4) {
ref = new Layer(0);
ref.document.write(str);
ref.document.close();
}

for (currItem = 1; currItem < menu[currMenu].length; currItem++) {
itemName = 'menu' + currMenu + 'item' + currItem;
if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName);
if (isNS4) menu[currMenu][currItem].ref = ref.document[itemName];
}
}
with(menu[0][0]) {
ref.left = x;
ref.top = y;
ref.visibility = 'visible';
}
}

var menu = new Array();

// defOver = Mouse imleci üzerine getirildiğinde linkin alacağı renk
// defBack = Alt menü rengi).
var defOver = '#336699', defBack = '#003366';

// Alt menü yüksekliği.
var defLength = 22;

menu[0] = new Array();
// Mouse imleci üzerine getirildiğinde Başlık linkinin alacağı renk
// Başlık zemin rengi
menu[0][0] = new Menu(false, '', 15, 0, 17, '#000066', '#000066', '', 'itemText');
// Başlık isimleri ve direk başlık adresleri
menu[0][1] = new Item(' Başlık 1', 'http://www.gezginler.net', '', 60, 10, 1);
menu[0][2] = new Item(' Başlık 2', 'http://www.gezginler.net', '', 60, 10, 2);
menu[0][3] = new Item(' Başlık 3', 'http://www.gezginler.net', '', 60, 10, 3);
menu[0][4] = new Item(' Başlık 4', 'http://www.gezginler.net', '_new', 60, 10, 0);

// Alt başlıklar 1
menu[1] = new Array();
menu[1][0] = new Menu(true, '>', -12, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[1][1] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[1][2] = new Item('Link Adı ', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[1][3] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 4);
menu[1][4] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);

// Alt başlıklar 2
menu[2] = new Array();
menu[2][0] = new Menu(true, '>', -12, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[2][1] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[2][2] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[2][3] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);

// Alt başlıklar 3
menu[3] = new Array();
menu[3][0] = new Menu(true, '<', -12, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[3][1] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[3][2] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[3][3] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 5);

// Alt başlıklar 4
menu[4] = new Array();

menu[4][0] = new Menu(true, '>', 85, 0, 120, '#333366', '#666699', 'crazyBorder', 'crazyText');
// Alt başlıklar 1'in alt başlığı
menu[4][1] = new Item('Link Adı ', 'http://www.gezginler.net', '', 36, 4, 0);
menu[4][2] = new Item('Link Adı', 'http://www.gezginler.net', '', 36, 7, 0);
menu[4][3] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);


menu[5] = new Array();
// Alt başlıklar 3'ün alt başlığı
menu[5][0] = new Menu(true, '>', -85, -17, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[5][1] = new Item('Link Adı', 'http://www.gezginler.net', '', 30, 0, 0);





var popOldWidth = window.innerWidth;
nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()');

if (isNS4) document.captureEvents(Event.CLICK);
document.onclick = clickHandle;

function clickHandle(evt)
{
if (isNS4) document.routeEvent(evt);
hideAllBut(0);
}

function moveRoot()
{
with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5);
}
// Son -->
</script>


<style>
<!--

.itemBorder { border: 1px solid black }
.itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica }

.crazyBorder { border: 2px outset #663399 }
.crazyText { text-decoration: none; color: #FFCC99; font: Bold 12px Arial, Helvetica }

-->
</style>

</HEAD>

<!-- BODY tagı içine yerleştireceğiniz kod -->

<BODY bgcolor="#ebe2d3" marginwidth="0" marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">
<table bgcolor="#000066" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td height="22"><font size="1"> </font></td></tr></table>

</body>



Burada birkaç tane daha var =>http://www.gezginler.net/modules/javascripts/viewcat.php?cid=2


Bu mesaja 2 cevap geldi.
L
linkin
20 yıl
Yüzbaşı

Site güzel gidiyo kardeş kolay gelsin ..


Bu mesaja 1 cevap geldi.
C
Cehennemden_Cennete
20 yıl
Yarbay

Burdan bulabilirsin



B
by ThundeR
20 yıl
Binbaşı

quote:

Orjinalden alıntı: GencDesign

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Angus Turnbull -->
<!-- Web Site: http://gusnz.cjb.net -->
<!-- Başlangıç
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
function getRef(id) {
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
function getSty(id) {
return (isNS4 ? getRef(id) : getRef(id).style);
}

var popTimer = 0;

var litNow = new Array();
function popOver(menuNum, itemNum) {
clearTimeout(popTimer);
hideAllBut(menuNum);
litNow = getTree(menuNum, itemNum);
changeCol(litNow, true);
targetNum = menu[menuNum][itemNum].target;
if (targetNum > 0) {
thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left);
thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top);
with (menu[targetNum][0].ref) {
left = parseInt(thisX + menu[targetNum][0].x);
top = parseInt(thisY + menu[targetNum][0].y);
visibility = 'visible';
}
}
}
function popOut(menuNum, itemNum) {
if ((menuNum == 0) && !menu[menuNum][itemNum].target)
hideAllBut(0)
else
popTimer = setTimeout('hideAllBut(0)', 500);
}
function getTree(menuNum, itemNum) {

itemArray = new Array(menu.length);

while(1) {
itemArray[menuNum] = itemNum;

if (menuNum == 0) return itemArray;
itemNum = menu[menuNum][0].parentItem;
menuNum = menu[menuNum][0].parentMenu;
}
}

function changeCol(changeArray, isOver) {
for (menuCount = 0; menuCount < changeArray.length; menuCount++) {
if (changeArray[menuCount]) {
newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;

with (menu[menuCount][changeArray[menuCount]].ref) {
if (isNS4) bgColor = newCol;
else backgroundColor = newCol;
}
}
}
}
function hideAllBut(menuNum) {
var keepMenus = getTree(menuNum, 1);
for (count = 0; count < menu.length; count++)
if (!keepMenus[count])
menu[count][0].ref.visibility = 'hidden';
changeCol(litNow, false);
}

function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) {

this.isVert = isVert;

this.popInd = popInd

this.x = x;
this.y = y;
this.width = width;

this.overCol = overCol;
this.backCol = backCol;

this.borderClass = borderClass;
this.textClass = textClass;

this.parentMenu = null;
this.parentItem = null;

this.ref = null;
}

function Item(text, href, frame, length, spacing, target) {
this.text = text;
this.href = href;
this.frame = frame;
this.length = length;
this.spacing = spacing;
this.target = target;

this.ref = null;
}

function writeMenus() {
if (!isDOM && !isIE4 && !isNS4) return;

for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) {

var str = '', itemX = 0, itemY = 0;


for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]) {
var itemID = 'menu' + currMenu + 'item' + currItem;


var w = (isVert ? width : length);
var h = (isVert ? length : width);


if (isDOM || isIE4) {
str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX + '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; ';
if (backCol) str += 'background: ' + backCol + '; ';
str += '" ';
}
if (isNS4) {
str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' + w + '" height="' + h + '" visibility="inherit" ';
if (backCol) str += 'bgcolor="' + backCol + '" ';
}
if (borderClass) str += 'class="' + borderClass + '" ';


str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')">';

str += '<table width="' + (w - 8) + '" border="0" cellspacing="0" cellpadding="' + (!isNS4 && borderClass ? 3 : 0) + '"><tr><td align="left" height="' + (h - 7) + '">' + '<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=2674180&url=' + href + '"' + (frame ? ' target="' + frame + '" data-href="' + href + '"' + (frame ? ' target="' + frame + '">' : '>') + text + '</a></td>';
if (target > 0) {


menu[target][0].parentMenu = currMenu;
menu[target][0].parentItem = currItem;

if (popInd) str += '<td class="' + textClass + '" align="right">' + popInd + '</td>';
}
str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>');
if (isVert) itemY += length + spacing;
else itemX += length + spacing;
}
if (isDOM) {
var newDiv = document.createElement('div');
document.getElementsByTagName('body').item(0).appendChild(newDiv);
newDiv.innerHTML = str;
ref = newDiv.style;
ref.position = 'absolute';
ref.visibility = 'hidden';
}

if (isIE4) {
document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>');
ref = getSty('menu' + currMenu + 'div');
}

if (isNS4) {
ref = new Layer(0);
ref.document.write(str);
ref.document.close();
}

for (currItem = 1; currItem < menu[currMenu].length; currItem++) {
itemName = 'menu' + currMenu + 'item' + currItem;
if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName);
if (isNS4) menu[currMenu][currItem].ref = ref.document[itemName];
}
}
with(menu[0][0]) {
ref.left = x;
ref.top = y;
ref.visibility = 'visible';
}
}

var menu = new Array();

// defOver = Mouse imleci üzerine getirildiğinde linkin alacağı renk
// defBack = Alt menü rengi).
var defOver = '#336699', defBack = '#003366';

// Alt menü yüksekliği.
var defLength = 22;

menu[0] = new Array();
// Mouse imleci üzerine getirildiğinde Başlık linkinin alacağı renk
// Başlık zemin rengi
menu[0][0] = new Menu(false, '', 15, 0, 17, '#000066', '#000066', '', 'itemText');
// Başlık isimleri ve direk başlık adresleri
menu[0][1] = new Item(' Başlık 1', 'http://www.gezginler.net', '', 60, 10, 1);
menu[0][2] = new Item(' Başlık 2', 'http://www.gezginler.net', '', 60, 10, 2);
menu[0][3] = new Item(' Başlık 3', 'http://www.gezginler.net', '', 60, 10, 3);
menu[0][4] = new Item(' Başlık 4', 'http://www.gezginler.net', '_new', 60, 10, 0);

// Alt başlıklar 1
menu[1] = new Array();
menu[1][0] = new Menu(true, '>', -12, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[1][1] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[1][2] = new Item('Link Adı ', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[1][3] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 4);
menu[1][4] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);

// Alt başlıklar 2
menu[2] = new Array();
menu[2][0] = new Menu(true, '>', -12, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[2][1] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[2][2] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[2][3] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);

// Alt başlıklar 3
menu[3] = new Array();
menu[3][0] = new Menu(true, '<', -12, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[3][1] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[3][2] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);
menu[3][3] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 5);

// Alt başlıklar 4
menu[4] = new Array();

menu[4][0] = new Menu(true, '>', 85, 0, 120, '#333366', '#666699', 'crazyBorder', 'crazyText');
// Alt başlıklar 1'in alt başlığı
menu[4][1] = new Item('Link Adı ', 'http://www.gezginler.net', '', 36, 4, 0);
menu[4][2] = new Item('Link Adı', 'http://www.gezginler.net', '', 36, 7, 0);
menu[4][3] = new Item('Link Adı', 'http://www.gezginler.net', '', defLength, 0, 0);


menu[5] = new Array();
// Alt başlıklar 3'ün alt başlığı
menu[5][0] = new Menu(true, '>', -85, -17, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[5][1] = new Item('Link Adı', 'http://www.gezginler.net', '', 30, 0, 0);





var popOldWidth = window.innerWidth;
nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()');

if (isNS4) document.captureEvents(Event.CLICK);
document.onclick = clickHandle;

function clickHandle(evt)
{
if (isNS4) document.routeEvent(evt);
hideAllBut(0);
}

function moveRoot()
{
with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5);
}
// Son -->
</script>


<style>
<!--

.itemBorder { border: 1px solid black }
.itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica }

.crazyBorder { border: 2px outset #663399 }
.crazyText { text-decoration: none; color: #FFCC99; font: Bold 12px Arial, Helvetica }

-->
</style>

</HEAD>

<!-- BODY tagı içine yerleştireceğiniz kod -->

<BODY bgcolor="#ebe2d3" marginwidth="0" marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">
<table bgcolor="#000066" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td height="22"><font size="1"> </font></td></tr></table>

</body>



Burada birkaç tane daha var =>http://www.gezginler.net/modules/javascripts/viewcat.php?cid=2





Walla helal olsun be Genç dostum. :D Walla ii yasmışsında usanmadın mı dermişim.


Bu mesaja 1 cevap geldi.
A
acemiwebci
20 yıl
Yüzbaşı

Teşekkürler



Cevap Yaz
Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar JAVASCRIPT MeNu lazim acil bakin bi
DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin.
App Store'danİndirin Google Play'denİndirin
Gizle ve güncelleme çıkana kadar tekrar gösterme.
DonanımHaber Forum - Mini Sürüm

Hakkımızda | Yukarı

Tam sürüm için tıklayınız
Version: 1.2.871
Donanım Sponsoru: incehesap.com