Как става това?

  • Автор Автор perer
  • Начална дата Начална дата

perer

Registered
Здравейте пак! :)

Как да го направя това подменю?

http://i.data.bg/08/05/09/945700_orig.jpg - Без подменюто
http://i.data.bg/08/05/09/945695_orig.jpg -Ето го подменюто

Благодаря!
 
Това става с JavaScript... абе имаше урок някъде в туриста ако не се лъжа... не беше баш същотот, но с малко едит може да се получи такъв ефект... само да намеря урока и ще ти го дам :)



ПС:Мисля, че това ще ти свърши перфектна работа ако го промениш малко... :wink:
 
Урока е добър, но като го сложа и целия ми сайт става с черен фон.
Може ли да ви дам кода на менюто и някой да ми го направи с един подлинк?

Благодаря!

Ето кода:
Код:
<table width="833" style="height: 32; " border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/left.jpg" alt="left" align="left"></td>
<td><a href="index.html"><img src="images/home.jpg" alt="Начало" align="left"></a></td>
<td><img src="images/divider1.jpg" alt="разделител" align="left"></td>
<td><img src="images/forus.jpg" alt="За нас" align="left"></td>
<td><img src="images/divider2.jpg" alt="разделител" align="left"></td>
<td><img src="images/media.jpg" alt="Медия" align="left"></td>
<td><img src="images/divider3.jpg" alt="разделител" align="left"></td>
<td><a href="contact.html"><img src="images/contact.jpg" alt="Контакт" align="left"></a></td>
<td><img src="images/right.jpg" alt="right" align="left"></td>
<td><img src="images/right2.jpg" alt="right" align="left"></td>
</tr>
</table>

Това е цялото меню.
 
Не знам.
Аз това ще го направя, но как да го направя, така че като се сложи мишката/цъкне на бутона "За нас" да излезе това меню?
Това ми е въпроса. :idea: :wink:

Edit//Намерих си скрипта. Ако имам някакъв проблем ще пиша. :)
http://www.dynamicdrive.com/dynamicindex1/tabmouseover.htm
 
За жалост няма да мине без проблем. :(
Единия проблем е, че колкото и голям размер на шрифта сложа той пак си остава същия - голям.

Втори проблем. Когато добавя 2-ри линк и дизайна се размества.
Ето вижте: http://i.data.bg/08/05/09/946088_orig.jpg

Ето и кода:
Код:
CSS:
#menu { font-family: Franklin Gothic Book; color: #ff7200; text-align: center; }
#menu a { font-family: Franklin Gothic Book; color: #ff7200; text-align: center; }

кода:

<div id="menu">
<div id="describe" style="background-color: black; width: 800; height: 27; " onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>

<script type="text/javascript" language="JavaScript1.2">

var submenu=new Array()

//Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors.
 
submenu[0]='<font size="9" face="Franklin Gothic Book"><a href="#">тест</a></font>'

submenu[1]='<font size="9"><a href="#">тест2</a>|<a href="#">тест3</a></font>'

//Set delay before submenu disappears after mouse moves out of it (in milliseconds)
var delay_hide=100

/////No need to edit beyond here

var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}

function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

</script>
</div>
 
мога малко да те насоча.Правиш си едно нормално меню.Там където е падащото го правиш в отделен див, търсиш джава скрипт, който като е в глаеното мену нат елемента onmouseover да се появява това друго меню , което е в дива.Това в дива трябва да се позиционира с позишън, и внимавай да не ти стане някой фал.
 

Back
Горе