| |
|
|
| | Это меню
оно не работает
var sel=0;
function menu ( id )
{
var menu = document.getElementById('menu_');
var i;
//
if(sel != 0)
{
document.getElementById('menu'+sel).style.background ='#F3F2ED';
document.getElementById('menu'+sel).style.color ='#888888';
}
//
document.getElementById('menu'+id).style.background ='#FF0000';
document.getElementById('menu'+id).style.color ='#FFFFFF';
sel = id;
//menu_block_sel
menu.style.background ='#FF0000';
menu.innerHTML = "HI";
if( menu.style.display == 'none' )
{
menu.innerHTML = 'menu_1';
menu.style.display = 'visible';
}
else
{
menu.style.display == 'none';
}
}
|
Оно не работает !
1) есть ли книга справочник по Javascript
2) Синтаксис Javascript нужен | |
| |
|
|
| |
|
|
| |
для: zzdimazz
(05.06.2008 в 19:45)
| | |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<!-- START OF SCRIPT -->
<style type="text/css">
#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}
#csstopmenu li{
float: left;
position: relative;
}
#csstopmenu a{
text-decoration: none;
}
.mainitems{
border: 1px solid black;
border-left-width: 0;
background-color: #D8FE89;
}
.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: black;
}
.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #EEFFCC;
border: 1px solid black;
}
.submenus li{
width: 100%;
}
.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}
html>body .submenus li a{ /* non IE browsers */
width: auto;
}
.submenus li a:hover{
background-color: yellow;
color: black;
}
#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}
#csstopmenu li:hover ul, li.over ul {
display: block;
}
html>body #clearmenu{ /* non IE browsers */
height: 3px;
}
</style>
<script type="text/javascript">
startMenu = function() {
if (document.all&&document.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){
this.className=this.className.replace(" over", "")
}
}
}
}
}
if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;
</script>
<ul id="csstopmenu">
<li class="mainitems" style="border-left-width: 1px">
<div class="headerlinks"><a href="http://www.javascriptkit.com">JavaScript Kit</a></div>
<ul class="submenus">
<li><a href="http://javascriptkit.com/">Home</a></li>
<li><a href="http://javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a></li>
<li><a href="http://javascriptkit.com/javaindex.shtml">JavaScript tutorials</a></li>
<li><a href="http://javascriptkit.com/jsref/index.shtml">JavaScript Reference</a></li>
</ul>
</li>
<li class="mainitems">
<div class="headerlinks"><a href="http://www.javascriptkit.com">2nd Menu Item</a></div>
<ul class="submenus" style="width: 14em">
<li><a href="">Sub 2 Item 1. Long text, long menu.</a></li>
<li><a href="">Sub 2 Item 2</a></li>
<li><a href="">Sub 2 Item 3.</a></li>
</ul>
</li>
<li class="mainitems">
<div class="headerlinks"><a href="http://www.javascriptkit.com">3rd Menu Item</a></div>
<ul class="submenus">
<li><a href="">Sub 3 Item 1</a></li>
<li><a href="">Sub 3 Item 1</a></li>
<li><a href="">Sub 3 Item 1</a></li>
<li><a href="">Sub 3 Item 1</a></li>
</ul>
</li>
</ul>
<div id="clearmenu" style="clear: left"></div>
<!-- END OF SCRIPT -->
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: admin
(06.06.2008 в 17:56)
| | | 1)это тоже меню=)
2) оно работает=) | |
| |
|
|
| |
|
|
| |
для: admin
(06.06.2008 в 17:57)
| | | Cпасибо большое товарищ Админ!))
еще такой вопрос вам :
можно ли такое делать
document.getElementById('id_element').class('New_class') ?
можно ли манипулировать стилевым классом ?
и еще
можно дать справочников по javascript? | |
| |
|
|
| |
|
|
| |
для: zzdimazz
(06.06.2008 в 22:13)
| | | document.getElementById('id_element').class('New_class') - нельзя
document.getElementById('id_element').className =''New_class'; - можно | |
| |
|
|
