| |
|
|
| | У меня есть заголовок и невидемый слой, при навидение на заголовок слой становится видемым, но как только я убераю мышку с заголовка и слой исчезает, как сделать так чтобы бы слой оставался и я мог в нем выберать ссылки, а как только я уберал мышку с слоя он исчезал. | |
| |
|
|
| |
|
|
| |
для: SkYmaN
(20.04.2007 в 10:35)
| | | для слоя добавить обработку на событие onmouseover функцию, которая делает его видимым, а на onmouseout - которая делает его невидимым | |
| |
|
|
| |
|
|
| |
для: Lelik
(20.04.2007 в 10:37)
| | | я вроде так и зделал, но он становится видемым только когда я навожу на заголовок, а как только я убераю мышь с заголовка он снова становится невидемым | |
| |
|
|
| |
|
|
| |
для: SkYmaN
(20.04.2007 в 11:30)
| | | для заголовка изменить onMouseOut - не прятать слой сразу.
скажем есть переменная hover=false
заголовок.onMouseOver ->hover=true
заголовок.onMouseOout ->запуск функции, которая чез 2сек. выполнит hover=false
слой.onMouseOver ->hover=true + отмена функции прятания слоя
слой.onMouseOout ->запуск функции, которая чез 2сек. выполнит hover=false, спрячет слой. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(20.04.2007 в 11:34)
| | |
<html>
<head>
<meta http-equiv="Content-Language" content="uk">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>ФАКУЛЬТЕТИ</title>
<script language="JavaScript">
<!--
function FP_changeProp() {//v1.0
var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1]; s="o";
ao=args[i].split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j]; if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) { x=d.$cpe[i];
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}
// -->
</script>
</head>
<body>
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td width="860" bgcolor="#708DDF" style="border-left:3px solid #FFFFFF; border-right-width: 1px; border-bottom-width: 1px"><B><FONT color=#0000ff><SPAN
lang=en-us><FONT face="Book Antiqua"><A
name=01></A> </FONT></SPAN></FONT><font size="2" face="Verdana" color="#FFFFFF"><a target="_self" href="../default.files/def_sr.htm"><font color="#FFFFFF">СТАРТОВ</font><SPAN lang=uk><font color="#FFFFFF">А</font></SPAN></a><SPAN lang=uk> </SPAN>
<span lang="en-us">></span> <i>
<a href="#2" onmouseover="FP_changeProp(/*id*/'layer1',0,'style.visibility','visible');" onmouseout="FP_changePropRestore()">
ФАКУЛЬТЕТИ</a></i></font></B></td>
</tr>
</table>
<table border="0" width="100%" id="table2" cellspacing="3">
<td bgcolor="#EFEFFF" style="border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
<p style="margin-top: 6px; margin-bottom: 6px">
<b><font face="Book Antiqua" color="#FF0000">
<span style="text-decoration: none"><font color="#FF0000">
<a target="_self" href="#1" onclick="FP_changeProp(/*id*/'layer1',0,'style.visibility','visible')">
<span style="text-decoration: none">
<font color="#FF0000">Факультет 1
</font></span></a></font></span></font></b>
<font color="#FF0000" face="Webdings"><a target="_self" href="#1">
<span style="text-decoration: none"><font color="#FF0000">6</font></span></a></font><div style="border-style:outset; border-color:#708DDF; position: absolute; width: 326px; height: 149px; z-index: 1; left: 157px; top: 39px; background-color: #708DDF; visibility:hidden" id="layer1">
<ul type="square" style="color: #FF6666">
<p style="margin-top:0; margin-bottom:0">
<a href="../../../IOC_HDUHT/Specialnosti/IMF/nmks_v.htm">
<font face="Book Antiqua" color="#FFFFFF">факультет 2</font></a></li>
<li>
<p style="margin-top:0; margin-bottom:0">
<a href="../../../IOC_HDUHT/Specialnosti/ITF/TX/nmks_v.htm">
<font face="Book Antiqua" color="#FFFFFF">факультет 3</font></a></li>
<li>
<p style="margin-top:0; margin-bottom:0">
<a href="../../../IOC_HDUHT/Specialnosti/ITF/TXK/nmks_v.htm">
<font face="Book Antiqua" color="#FFFFFF">факультет 4</font></a></li>
<li>
<p style="margin-top:0; margin-bottom:0">
<a href="../../../IOC_HDUHT/Specialnosti/ITF/TO/nmks_v.htm">
<font face="Book Antiqua" color="#FFFFFF">факультет 5</font></a></li>
<li>
<p style="margin-top:0; margin-bottom:0">
<a href="../../../IOC_HDUHT/Specialnosti/ITF/TM/nmks_v.htm">
<font face="Book Antiqua" color="#FFFFFF">факультет 6</font></a></li>
</ul></div>
</td>
</tr>
</table>
</body>
</html>
|
И как мне это все тут реализовать ? | |
| |
|
|
