العربية
كود المؤثرات الخاصة لصفحة الويب، تقليد تأثيرات كود القائمة على الجانب الأيمن من Yahoo
<HTML><HEAD><TITLE>محاكاة قائمة Yahoo</TITLE> <META http-equiv=Content-Type content="text/html; charset =gb2312"> < STYLE type=text/css>BODY { الهامش: 6 بكسل 0 بكسل؛ الخط: 12 بكسل 宋体؛ محاذاة النص: المركز } .divArea3 { العرض: 750 بكسل } .divArea3 .divAreaCol1 { FLOAT: يسار؛ العرض: 371 بكسل } .divArea3 .divAreaCol2 { العرض: اليمين؛ 280 بكسل } .divArea3Box { BORDER-RIGHT: #cccccc الصلبة؛ 2 بكسل؛ : 120 بكسل؛ محاذاة النص: المركز } A { اللون: #999999؛ زخرفة النص: لا شيء } .tabWin { العرض: 371 بكسل؛ الارتفاع: 230 بكسل } .tabWin { BORDER-RIGHT: #cccccc 1px الصلبة: # cccccc 1px صلب؛ العرض: مضمّن؛ الهامش: 0 بكسل 3 بكسل؛ BORDER-TOP: #cccccc 1px صلب؛ 5px؛ التجاوز: مخفي؛ العرض: 361 بكسل؛ الارتفاع: 220 بكسل } .tabWinLine1 { العرض: 360 بكسل؛ : 1 بكسل } .tabwinline4 {عرض 360 بكسل ؛ : url(images/0.gif); WIDTH: 3px } .tabWinLine2 .sepa { BACKGROUND-IMAGE: url(images/0.gif); .gif); { وزن الخط: غامق؛ صورة الخلفية: url(images/c21_1.gif); CURSOR: pointer; { BORDER-RIGHT: #cccccc 1px Solid؛ BORDER-TOP: #cccccc 1px Solid؛ COLOR: #b10000؛ الارتفاع: 28 بكسل؛ لون الخلفية: أبيض } .tabWinInnerBox .showblock { BORDER-RIGHT: #ccccc 1px Solid; مخفي؛ BORDER-LEFT: #cccccc 1px Solid؛ Hiddenblock { BORDER-RIGHT: #cccccc 1px Solid; PADDING-LEFT: 7px; 348 بكسل؛ { العرض: مضمّن؛ الهامش: 0 بكسل 3 بكسل؛ العرض: الارتفاع: 232 بكسل } .divTab2 .Title { FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/mtitle2.gif); TabTitle .sepa { BACKGROUND-IMAGE: url(images/speabg.gif); { FLOAT: left; 92px; CURSOR: LINE-HEIGHT: 21px; PADDING-RIGHT: 0px; -اليسار: 0px؛ الحشوة السفلية: 0px؛ الفائض: مخفي؛ محاذاة النص: #064ca1 1px صلب؛ .divTab2 .hiddenblock { الحدود-اليمين: #064ca1 1px صلب؛ PADDING-LEFT: 0px; ; ,obj) { window.clearTimeout(waitInterval); waitInterval=window.setTimeout("ChangeDiv3('"+tabWinObj+"',"+tabWinTotal+",+ obj.id+")",mouseDelayTime) } function ChangeDiv3(tabWinObj,tabWinTotal) ,obj) { var itemNum; for(var i=0;i<tabWinTotal;i++) { if (tabWinObj+"_Title"+i == obj.id ) { itemNum = i; document.getElementById(tabWinObj+"_Title"+i .className = "tabWinTitle"; document.getElementById(tabWinObj+"_Line"+i).className = "tabWinLine3"; document.getElementById(tabWinObj+"_Content" +i).className = "showblock"; document.getElementById(tabWinObj+"_Title"+i); if (divID != null){divID.className = "";} var ContentDiv = document.getElementById (tabWinObj+"_Content"+i); {ContentDiv.className = "hiddenblock";} var BDiv = document.getElementById(tabWinObj+"_Line"+i); if(BDiv!=null){BDiv .className=";} } } var tabWinImg1 = document.getElementById( tabWinObj+"_Img1"); var tabWinImg2 = document.getElementById(tabWinObj+"_Img2"); if(tabWinImg1!=null && tabWinImg2!=null) { if( itemNum < 4) { tabWinImg1.className = "tabWinImg2". = "tabWinLine4"; }else{ tabWinImg1.className = "tabWinLine4"; tabWinImg2.className = "tabWinLine2"; =window.setTimeout("changeTabDiv('"+tabObj+"',"+tabTotal+,"+obj.id+")),mouseDelayTime) } وظيفة ChangeTabDiv(tabObj,tabTotal,obj){ for(i=0; i < tabTotal; i++) { if (tabObj+"_Title"+i == obj.id) { document.getElementById(tabObj+"_Title"+i).className = "active"; document.getElementById(tabObj+"_Content"+i). className = "showblock"; }else{ document.getElementById(tabObj+"_Title"+i).className = "normal"; document.getElementById(tabObj+" _Content"+i).className = "hiddenblock"; (){window.clearTimeout(waitInterval);} </SCRIPT> <META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD> <BODY> <DIV class=divArea3> <DIV class=divAreaCol1><! - تبدأ نافذة الخيارات -> <DIV class=tabWin id=tabWin> <DIV class=tabWinInnerBox> <DIV class=tabWinLine1> <DIV class= tabWinTitle id=tabWin_Title1 onmouseover="tabWinMouseOver('tabWin',7,this) ;" onmouseout=tabMouseOut();><A class=a4 href="javascript:void(0);">مخزونات المفاهيم الساخنة</A> </DIV> <DIV class=sepa></DIV> <DIV id =tabWin_Title2 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript :void(0);">تحليل البيانات</A></DIV > <DIV class=sepa></DIV> <DIV id=tabWin_Title3 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout= tabMouseOut();><A class=a4 href="javascript:void( 0);">سوق الضمانات</A> </DIV></DIV> <DIV class=tabWinLine2 id=tabWin_Img1> <DIV class=tabWinLine3 id=tabWin_Line1><IMG height=1 alt="" src="" العرض=1></DIV> <DIV class=sepa><ارتفاع IMG=1 alt="" src=1></ DIV> <DIV id=tabWin_Line2><ارتفاع IMG=1 alt="" src="" width=1></DIV> <DIV class=sepa><IMG height=1 alt="" src="" width= 1></DIV> <DIV id=tabWin_Line3><ارتفاع IMG=1 alt="" src="" width=1></DIV></DIV> <DIV class=showblock id=tabWin_Content1>ff </DIV > <DIV class=hiddenblock id=tabWin_Content2>ff </DIV> <DIV class=hiddenblock id=tabWin_Content3>ff </DIV> <DIV class=tabWinLine1> <DIV id=tabWin_Title4 onMouseOver="tabWinMouseOver('tabWin',7 ,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript:void(0);">تقرير البحث</A></DIV> <DIV class=sepa></DIV> < DIV id=tabWin_Title5 onMouseOver="tabWinMouseOver('tabWin',7,this) ;" onmouseout=tabMouseOut();><A class=a4 href="javascript:void(0);">عمود المشاهير</A>< /DIV> <DIV class=sepa></DIV> <DIV id= tabWin_Title6 onMouseOver="tabWinMouseOver('tabWin',7,this);" onmouseout=tabMouseOut();><A class=a4 href="javascript: void(0);">المنظور المؤسسي</A></DIV> </DIV> <DIV class=tabWinLine4 id=tabWin_Img2> <DIV id=tabWin_Line4><IMG height=1 alt="" src="" width =1></DIV> <DIV class=sepa><IMG height= 1 alt="" src="" width=1></DIV> <DIV id=tabWin_Line5><IMG height=1 alt="" src ="" width=1></DIV> <DIV class=sepa> <ارتفاع IMG=1 alt="" src="" width=1></DIV> <DIV id=tabWin_Line6><ارتفاع IMG=1 alt ="" src="" width=1></DIV></ DIV> <DIV class=hiddenblock id=tabWin_Content4>fffsdafdsa </DIV> <DIV class=hiddenblock id=tabWin_Content5>ff safasf</DIV> <DIV class=hiddenblock id=tabWin_Content6>ggfdsafasdfsdafads </DIV></DIV>< /DIV><!-- نافذة نهاية الخيار--></DIV> </DIV> </BODY></HTML>
