تأثيرات صفحة الويب: عرض الطبقات المنقولة ويمكن إغلاقها

<!-- موقع الويب http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs- -> <!--قم باختيار المحتوى الذي تريده--> <style type="text/css"> <!-- .t { filter: Alpha(Opacity=50)} td { حجم الخط: 12 بكسل؛ ارتفاع الخط: 22 بكسل} أ: الرابط { اللون: #FFFFFF؛ زخرفة النص: لا شيء؛ الارتفاع: 20 بكسل؛ العرض: 63 بكسل؛ لون الحدود: #33CCFF #30CCFF #30CCFF؛ لون الخلفية: #0099FF؛ نمط الحدود: صلب؛ عرض الحد العلوي: 1 بكسل؛ عرض الحدود اليمنى: 1 بكسل؛ عرض الحد السفلي: 1 بكسل؛ عرض الحدود اليسرى: 1 بكسل} أ: تمت الزيارة { اللون: #FFFFFF؛ زخرفة النص: لا شيء؛ الارتفاع: 20 بكسل؛ العرض: 63 بكسل؛ لون الحدود: #33CCFF #30CCFF #30CCFF؛ لون الخلفية: #0099FF؛ نمط الحدود: صلب؛ عرض الحد العلوي: 1 بكسل؛ عرض الحدود اليمنى: 1 بكسل؛ عرض الحد السفلي: 1 بكسل؛ عرض الحدود اليسرى: 1 بكسل} أ: تحوم { لون الخلفية: #FF66FF؛ الارتفاع: 20 بكسل؛ العرض: 61 بكسل؛ الحدود: #FFFFFF؛ نمط الحدود: منقط؛ عرض الحد العلوي: 1 بكسل؛ عرض الحدود اليمنى: 1 بكسل؛ عرض الحد السفلي: 1 بكسل؛ border-left-width: 1px} --> </style> <script language="JavaScript"> <!-- function MM_reloadPage(init) { // يعيد تحميل النافذة إذا تم تغيير حجم Nav4 إذا (init==true) مع ( navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || ارتفاع داخلي!=document.MM_pgH) location.reload(); } MM_reloadPage(true); وظيفة MM_findObj(n, d) { //v4.01 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 && d.getElementById) x=d.getElementById(n); العودة س؛ } وظيفة P7AniMagic(el, x, y, a, b, c, s) { //v2.5 PVII var g,elo=el,f="",m=false,d="";x=parseInt( x);y=parseInt(y); var t = 'g.p7Magic = setTimeout("P7AniMagic(''+elo+'','; if ((g=MM_findObj(el))!=null) {d=(document.layers)?g:g .style;}else{return;} if (parseInt(s)>0) {eval(t+x+','+y+','+a+','+b+','+c+',0)"، ' + s+')');return;} var xx=(parseInt(d.left))?parseInt(d.left):0; var yy=(parseInt(d.top))?parseInt(d.top):0; إذا (parseInt(c)==1) {x+=xx;y+=yy;m=true;c=0;} else if (c==2) {m=false;clearTimeout(g.p7Magic);} else {var i=parseInt(a); إذا (eval(g.moved)){clearTimeout(g.p7Magic);} إذا (xx<x){xx+=i;m=true;if(xx>x){xx=x;}} إذا (xx> x){xx-=i;m=true;if(xx<x){xx=x;}} إذا (yy<y){yy+=i;m=true;if(yy>y){yy=y ;}} إذا (yy>y){yy-=i;m=true;if(yy<y){yy=y;}}} إذا (m) {if((navigator.appName=="Netscape") && parseInt(navigator.appVersion)>4){ xx+="px";yy+="px";} d.left=xx;d.top=yy;g.moved=true;eval(t+x+',' +y+','+a+','+b+','+c+',0)",'+b+')'); }else {g.moved=false;} } //--> </script ><p><div id="Layer1" style="position:absolute; العرض: 200 بكسل؛ الارتفاع: 115 بكسل؛ z-index:1"> <div id="Layer2" style="position:absolute; اليسار: 666 بكسل؛ أعلى: 59 بكسل؛ العرض: 67 بكسل؛ الارتفاع: 52 بكسل؛ مؤشر z:2؛ لون الخلفية: #0068FF؛ لون خلفية الطبقة: #0068FF؛ الحدود: 1 بكسل لا شيء #000000؛ الرؤية: مرئية" فئة = "t"> <عرض الجدول = "100٪" الحدود = "0" تباعد الخلايا = "0" خلية الحشو = "0" الارتفاع = "100٪"> <tr> <td محاذاة = "مركز" valign="top"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer2',611,35,5,30,0,0)" onMouseOut="P7AniMagic('Layer2',666,59,5) ,30,0,0)">في 1<br> <a href="#">第一項</a><br> <a href="#">第二項</a><br> <a href="#">第三項</a><br> </font></td> </tr> </table> </div> <div id="Layer3" style="position: مطلق؛ اليسار: 666 بكسل؛ أعلى: 81 بكسل؛ العرض: 66 بكسل؛ الارتفاع: 84 بكسل؛ مؤشر z:3؛ لون الخلفية: #0066FF؛ لون خلفية الطبقة: #0066FF؛ الحدود: 1 بكسل لا شيء #000000؛ الرؤية: مرئية" class = "t"> <table width = "100%" border = "0" cellpacing = "0" cellpadding = "0"> <tr> <td> <div align="center"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer3',611,55,5,30,0,0)" onMouseOut="P7AniMagic('Layer3',666,81,5,30,0,0)" >في 2<br> <a href="#">第一項</a><br> <a href="#">第二項</a><br> <a href="#">第三項</a><br> </font></div> </td> </tr> </table> </div> <div id="Layer4" style="position:absolute; العرض: 68 بكسل؛ الارتفاع: 80 بكسل؛ مؤشر z:4؛ اليسار: 666 بكسل؛ أعلى: 102 بكسل؛ لون الخلفية: #0064FF؛ لون خلفية الطبقة: #0064FF؛ الحدود: 1 بكسل لا شيء #000000؛ الرؤية: مرئية" class = "t"> <table width = "100%" border = "0" cellpacing = "0" cellpadding = "0"> <tr> <td> <div align="center"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer4',611,75,5,30,0,0)" onMouseOut="P7AniMagic('Layer4',666,102,5,30,0,0)">on 3<br> <a href="#">الموضوع</a><br> <a href="#">الموضوع</a><br> <a href="#">الموضوع項</a><br> </font></div> </td> </tr> </table> </div> <div id="Layer5" style="position:absolute; العرض: 65 بكسل؛ الارتفاع: 127 بكسل؛ مؤشر z:5؛ اليسار: 265 بكسل؛ أعلى: 56px"> <عرض الجدول = "100%" الحدود = "0" تباعد الخلايا = "0" خلية الحشو = "0" الارتفاع = "72"> <tr> <td height = "24" onMouseOver = "P7AniMagic(' Layer2',611,35,5,30,0,0)" onMouseOut="P7AniMagic('Layer2',666,59,5,30,0,0)"> </td> </tr> <tr> <td height="24" onMouseOver="P7AniMagic('Layer3',611,55,5,30,0,0)" onMouseOut="P7AniMagic('Layer3',666,81,5,30,0,0) "> </td> </tr> <tr> <td height="24" onMouseOver="P7AniMagic('Layer4',611,75,5,30,0,0)" onMouseOut="P7AniMagic('Layer4' ,666,102,5,30,0,0)"> </td> </tr> </table> </div> </div>