HTML - статьи

Что необходимо?


Для начала нам понадобится непосредственно сама страничка, куда мы будем вставлять меню и скрипт, который будет управлять отображением/скрытием будущего меню.

Для примера возьмем обыкновенную html страничку, с несколькими ссылками:

<HTML><HEAD><TITLE>Страница с универсальным выпадающим меню</TITLE></HEAD>

<BODY><table width=100%><tr><td align=center><a href="link1.htm">link1</a> | <a href="link2.htm">link2</a> | <a href="link3.htm">link3</a></td></tr>

<tr><td width=100%>Содержание страницы<br><br><br><br><br><br></td></tr>

</table></BODY></HTML>

Назовем получившуюся страницу 1.htm

И собственно код скрипта:

<!--

function mouseOverPopup (obj) {

obj.style.backgroundColor='#74B3D3';

obj.className='';

}



function mouseOutPopup (obj) {

obj.style.backgroundColor='#fafafa'

obj.className='p_menu';

}

function MM_reloadPage(init) { if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

function MM_findObj(n, d) { var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && document.getElementById) x=document.getElementById(n); return x;

}

function P7_autoLayers() { var g,b,k,f,args=P7_autoLayers.arguments;

var a = parseInt(args[0]);if(isNaN(a))a=0;

if(!document.p7setc) {p7c=new Array();document.p7setc=true;

for (var u=0;u<10;u++) {p7c[u] = new Array();}}

for(k=0; k<p7c[a].length; k++) {

if((g=MM_findObj(p7c[a][k]))!=null) {

b=(document.layers)?g:g.style;b.visibility="hidden";}}

for(k=1; k<args.length; k++) {

if((g=MM_findObj(args[k])) != null) {

b=(document.layers)?g:g.style;b.visibility="visible";f=false;

for(j=0;j<p7c[a].length;j++) {

if(args[k]==p7c[a][j]) {f=true;}}

if(!f) {p7c[a][p7c[a].length++]=args[k];}}}

}

//-->

Думаю, описание его не требуется, так как это, в принципе не главное :)

Назовем этот скрипт menu.js. После, чтобы его вызвать, следует прописать на будущей странице строку <SCRIPT language=javascript src="menu.js"></SCRIPT> сразу после тега </HEAD>



Содержание раздела