| |
|
|
| | помогите кто может. ищю скрипит для выпадающего меню. оно полностью сделано css ом но не работает в ie. нужен скрипит который разрешил бы просмотр в ie.
вот всё меню
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li {
position: relative;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
li:hover ul { display: block; }
</style>
<title>выпадающее меню</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body><ul id="nav">
<li><a href="#">ссылка1</a></li>
<li><a href="#">ссылка2</a>
<ul>
<li><a href="#">ссылка3</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Offices</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Internet Marketing</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Domain Names</a></li>
<li><a href="#">Broadband</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a>
<ul>
<li><a href="#">United Kingdom</a></li>
<li><a href="#">France</a></li>
<li><a href="#">USA</a></li>
<li><a href="#">Australia</a></li>
</ul>
</li>
</ul>
</body>
</html>
|
внизу там я url дал ещё
проблема я понял в том что IE понимает псевдокласс :hover лишь для тега <a> а там li:hover
у меня есть кстатии этот скрипит но я ничерта в нём не понимаю потому что не понимаю в скрипитах вот думаю может тут помогут.
скрипит таков
(разрыв строк отмечен символом "»" - Ред.):
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace »
(" over", "");
}
}
}
}
}
window.onload=startList;
|
обьясните куда мне это девать пожалуйста. на сколько я знаю это в head между <script></script>. я так и сделал но попрежнему не работает в IE. скорее всего я не правельно его вписал.
в url который я дал пока что без script.
а! и как это """(разрыв строк отмечен символом "»" - Ред.):""" что с этим делать? | |
| |
|
|
| |
|
|
| |
для: divirtir
(28.05.2006 в 06:11)
| | | См вложение.
Твой соурс не полный там чего-то не хватает
если можешь дай ссылку откуда взял скрипт.
Скрипт немного переделал. | |
| |
|
|
| |
|
|
| |
для: RMW
(29.05.2006 в 00:57)
| | | у вас там всё работает клёво во вложение! спасибо за скрипт. а то я бы не разобрался сам! почему вот только они там не правельный дали скрипт на том сайте!
вот от сюда я взял скрипит и всё остальное. | |
| |
|
|
| |
|
|
| |
для: divirtir
(30.05.2006 в 05:39)
| | | Но там же даже пример рабочий есть.
Надо было оттуда брать.
http://www.alistapart.com/d/horizdropdowns/horizontal.htm | |
| |
|
|
| |
|
|
| |
для: codexomega
(30.05.2006 в 06:57)
| | | нда! это точно! я потом так и собирался сделать но просто хотел действовать по ихним советам как у них там пишеться.
ну теперь уже всё окей! спасиб большое! | |
| |
|
|
| |
|
|
| |
для: divirtir
(30.05.2006 в 08:05)
| | | А и не точно действовали :) там написано
Итак, правила для hover таковы:
li:hover ul, li.over ul {
display: block;
}
а вы привели li:hover ul { display: block; } т.е версию не
рассчитанную на применение скрипта.
Поэтому и не работало. | |
| |
|
|
