0 / 0 / 0
Регистрация: 04.08.2014
Сообщений: 15
|
|
1
|
не работает функция
08.02.2015, 16:35. Показов 391. Ответов 0
HTML5 | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
| <!DOCTYPE html>
<html>
<head>
<title>information Portal</title>
<meta charset="utf-8">
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="header">
<ul>
<li><a href="#">Меню</a>
<ul id="nav2" onmouseover="block11()">
<script>
function block11() {
document.getElementById('nav2').style.display='block';
}
</script>
<li><a href="link2.html">Меню 2</a></li>
<li><a href="link2.html">Меню 2</a></li>
<li><a href="link2.html">Меню 2</a></li>
<li><a href="link2.html">Меню 2</a></li>
</ul>
</li>
<li><a href="link2.html">Меню</a></li>
<li><a href="link3.html">Меню</a></li>
<li><a href="link4.html">Меню</a></li>
</ul>
</br>
</div>
<div class="layout">
<div class="sidebar">
<h2>Меню</h2>
<ul>
<li><a href="link1.html">Ссылка 1</a></li>
<li><a href="link2.html">Ссылка 2</a></li>
<li><a href="link3.html">Ссылка 3</a></li>
<li><a href="link4.html">Ссылка 4</a></li>
</ul>
</div>
<div class="content">
<h1>Название страницы</h1>
<p>Бла-бла.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt empor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt empor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div class="footer">Подвал</div>
</body>
</html> |
|
CSS | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
| body {
padding: 0px;
-webkit-font-smoothing: antialiased;
font-size: 18px;
line-height: 28px;
height: 100%;
font-family: 'SegoePro-Light', Arial, sans-serif;
}
.header ul ul li {
float: none;
}
#nav2{
display: none;
}
.header ul li:hover > ul{
display: block;
}
a:link{
color: red;
}
.header ul li{
float: left;
}
.header ul {
list-style: none;
}
.header a{
text-decoration: none;
margin-left: 5px;
}
.header a:hover{
background: #FFFFFF;
color:green;
}
.header, .sidebar, .content, .footer {
padding: 10px;
border: solid 1px #000;
background: #e3e8cc;
margin: auto;
width: 1179px;
}
.header {
background: #e3e8cc;
font-size: 24px;
}
.layout {
margin: 4px auto;
overflow: hidden;
min-width: 800px;
max-width: 1200px;
clear: both;
}
.sidebar {
width: 150px;
float: left;
}
.sidebar ul {
list-style: none;
padding: 0;
}
.content {
margin-left: 180px;
width: 998px;
} |
|
без функции работает код но как сделать чтобы при наведении срабатывало?
0
|