| |
|
|
| | как сделать чтобы наводня курсор на ссылку появлялись еще ссылки??? | |
| |
|
|
| |
|
|
| |
для: ask1503
(19.08.2009 в 14:52)
| | | Появлялись где?
Вам нужно DropDown меню? | |
| |
|
|
| |
|
|
| |
для: Madman
(19.08.2009 в 14:59)
| | | где?
на странице сайта....
надо чтоб наводя на ссылку появлялись еще ссылки... | |
| |
|
|
| |
|
|
| |
для: ask1503
(19.08.2009 в 15:01)
| | | ну примитивно вот так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {margin:0; padding:0}
html, body {height:100%}
</style>
</head>
<body>
<a href="#" onmousemove="document.getElementById('moreLinks').style.display='block'" onmouseout="document.getElementById('moreLinks').style.display='none'">More</a>
<div id="moreLinks" style="display:none">
<a href="#">Link 1</a><br />
<a href="#">Link 2</a><br />
<a href="#">Link 3</a><br />
<a href="#">Link 4</a><br />
<a href="#">Link 5</a><br />
<a href="#">Link 6</a><br />
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Madman
(19.08.2009 в 15:14)
| | | да, но когда переводишь курсор на ссылки, то они исчезают...
а нада чтоб на них можна было кликать... | |
| |
|
|
| |
|
|
| |
для: ask1503
(19.08.2009 в 16:01)
| | | Ой...
Затупил =)
Тогда вот так
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {margin:0; padding:0}
html, body {height:100%}
</style>
</head>
<body>
<div onmousemove="document.getElementById('moreLinks').style.display='block'" onmouseout="document.getElementById('moreLinks').style.display='none'" style="float:left">
<a href="#">More</a><br />
<div id="moreLinks" style="display:none; float:left; clear:both">
<a href="#">Link 1</a><br />
<a href="#">Link 2</a><br />
<a href="#">Link 3</a><br />
<a href="#">Link 4</a><br />
<a href="#">Link 5</a><br />
<a href="#">Link 6</a><br />
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: ask1503
(19.08.2009 в 16:01)
| | | Ну а оптимальнее всего использовать так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {margin:0; padding:0}
html, body {height:100%}
#outer, #moreLinks {float:left}
#moreLinks {display:none}
#outer:hover #moreLinks {display:block}
</style>
</head>
<body>
<div id="outer">
<a href="#">More</a><br />
<div id="moreLinks">
<a href="#">Link 1</a><br />
<a href="#">Link 2</a><br />
<a href="#">Link 3</a><br />
<a href="#">Link 4</a><br />
<a href="#">Link 5</a><br />
<a href="#">Link 6</a><br />
</div>
</div>
</body>
</html>
|
А для IE6 подключать csshover.htc. Читать тут | |
| |
|
|
| |
|
|
| |
для: Madman
(19.08.2009 в 16:25)
| | | спасибо огромное
ты настоящий друг!!!
еще раз спасибо ;) | |
| |
|
|
