العربية
كود المؤثرات الخاصة لصفحة الويب، تأثير خاص آخر بسيط لقناة أخبار موقع الويب
<STYLE type=text/css> /* نمط مربع زر الرقم*/ #imgTitle {FILTER:ALPHA(opacity=70);position:relative;left:0px ;text-align:left;overflow: Hidden;} #imgTitle_up {left:0px;text-align: left; width:inherit; } /* نمط مربع الصورة*/ .imgClass {border: 0px Solid #000;} /* نمط مربع نص الصورة*/ #txtFrom {text-align: center;vertical-align: middle; نمط زر الرقم*/ .button {text-decoration: none; float:left; height:12px; : غامق 9px sans-serif؛ border-left:#fff 1px Solid;} a.button, a.button:link, a.button:visited {font-family: sans-serif;text-decoration: none;color:# FFFFFF;background-color: #000000;} a.button:hover {font-family: sans-serif;text-decoration: none;color:#fff;background:#fff; } .buttonDiv {background: #000000;height : 1px;width: 21px;float: left;text-align: center; Vertical-align: middle;} /*gradient*/ .trans { width:88px; overflow:hidden} </STYLE> <SCRIPT language=JavaScript type=text/javascript> var imgWidth=165; // عرض الصورة var imgHeight=200; // ارتفاع الصورة var textFromHeight=21; // نمط فئة اتصال الكلمة (وليس فئة الاتصال) var textLinkStyle="FONT"; // نمط فئة اتصال الكلمة var ButtonLineOn="#ce0609" // لون التسطير على الزر var ButtonLineOff="#000"; لون الزر المسطر var TimeOut=5000; // كل وقت تبديل الصورة (وحدة ملي ثانية)؛ var imgAlt=new Array(); (); var adNum=0; var theTimer=0; var tt=1; تبدأ ورقة نمط ارتفاع مربع النص document.write('<style type="text/css">'); #focuseFrom{width:'+(imgWidth+2)+';margin: 0px; txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}'); document.write('#imgTitle{width:'+imgWidth+ ' ;top:-'+(textFromHeight+12)+'px;height:18px}'); document.write('</style>'); document.write('<div id="focuseFrom">') ; // ورقة نمط ارتفاع مربع النص في نهاية التركيز tt=1 imgUrl[tt] =''; imgtext[tt]=' 07/08 توقعات تصميم سترة الكشمير'; imgLink[tt]='http://www .downcodes.com'; imgAlt[tt]='07/08 توقعات تصميم سترة الكشمير'; imgUrl[tt] =''; tt]='http://www.downcodes.com'; imgAlt[tt]='فن الألوان في سترات الكشمير'; البلوزات الجمالية الجديدة للسترات الكشمير'; imgLink[tt]='http://www.downcodes.com'; '; imgtext [tt]=' 07/08 سترة كشمير نسائية للخريف والشتاء'; imgLink[tt]='http://www.downcodes.com'; imgAlt[tt]='07/08 الخريف والشتاء اتجاه سترة الكشمير النسائية'; var intPage =0 for (var i=1;i<=imgUrl.length;i++) { if (imgUrl[i]!="!!!") { intPage++ } } functionchangeimg( n) { adNum=n; window.clearInterval(theTimer); nextAd(); } function goUrl(){ window.open(imgLink[adNum],'_blank'); (navigator.appName == "Netscape") { document.write('<style type="text/css">' document.write('.buttonDiv{height:4px;width:21px;}'); .write('</style >'); function nextAd(){ if(adNum<(intPage-1))adNum++; else adNum=1; theTimer=setTimeout("nextAd()", TimeOut); imgInit.src=imgUrl[adNum]; document.images.imgInit.alt=imgAlt[adNum]; document.getElementById('focustext').innerHTML=imgtext[adNum]; document.getElementById('link'+adNum).style .background=buttonLineOn document.getElementById('imgLink').href=imgLink[adNum]; for (var i=1;i<=intPage;i++) { if (i!=adNum){document.getElementById('link) '+i).style الخلفية=buttonLineOff;} } } document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img src. ="imgUrl[1]" name="imgInit" border=1 alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id=" focustext" class="'+ textStyle+'">'+imgtext[1]+'</span></div>') document.write('<div id="imgTitle">'); document.write(' <div id="imgTitle_down" >'); // يبدأ رمز زر الرقم for(var i=1;i<intPage;i++){document.write('<a href="javascript:changeimg('+i+' )" class="button" style ="cursor:hand" title="'+imgAlt[i]+'">'+i+'</a>');} // ينتهي رمز زر الرقم document.write(' </div>'); document .write('</div>'); document.write('</div>'); nextAd() } // ينتهي NetScape// يبدأ IE else { var count=0 for (i=1;i <intPage;i++) { if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&( ; imgAlt[i]!="" ) { count++; } else {break; } } function playTran(){ if (document.all) document.images.imgInit.filters.BlendTrans.play() } var key=0 ; function nextAd(){ if( adNum<count)adNum++ ; else adNum=1; if( key==0 ){ key=1 } else if (document.all){ //imgInit.filters.revealTrans.Transition= 6; document.images.imgInit. filter.BlendTrans.apply(); } document.images.imgInit.src= imgUrl[adNum]; ('link'+adNum).style.background=buttonLineOn; for (var i=1;i<=count;i++) { if (i!=adNum){document.getElementById('link'+i).style. الخلفية=buttonLineOff;} } focustext.innerHTML=imgtext[adNum]; //links_ie_font.links=imglink[adNum]; theTimer=setTimeout("nextAd()", TimeOut } document.write('<a target=_self href="javascript:goUrl() "><img style="FILTER: BlendTrans ( Duration=1 );" src="javascript:nextAd()" border=0 vspace="0" name=imgInit class="imgClass" </a>'); document.write('<div id="txtFrom"><a target=_self href="javascript:goUrl()"><span id="focustext" class="'+textStyle+' "></span></ a></div>'); document.write('<div id="imgTitle">'); document.write(' <div id="imgTitle_down"> <a class= "trans"" style="float :left"><img src="" border=0></a>'); // يبدأ رمز زر الرقم for(var i=1;i<intPage;i++){ document.write('<a id= "link'+i+'" href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i] +'" onFocus="this.blur ()">'+i+'</a>');} // رمز زر نهاية الرقم document.write('</div>'); document.write('< /div>'); document.write( '</div>'); Changeimg(1);
