العربية
رمز المؤثرات الخاصة لصفحة الويب، والمؤثرات الخاصة لتبديل الصور الإخبارية لـ NetEase Academy، مع أوصاف نصية مفصلة، والتبديل التلقائي
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" . content ="text/html; charset=gb2312" /> <title>تقنية تبديل الأخبار</title> <style type="text/css"> <!-- body { text-align: center:padding : 0 الخلفية: #FFF؛ حجم الخط: 12px؛ اللون: #000؛} div,form,img,ul,ol,li,dl,dt,dd {padding: 0; } h1,h2,h3,h4,h5,h6 { الهامش:0;} table,td,tr,th{font-size:12px;} a:link {color: #000; لا شيء؛} أ: تمت الزيارة {اللون: #83006f؛ زخرفة النص: لا شيء؛} أ: تحوم {لون: #c00؛ زخرفة النص: تسطير؛} أ: نشط {لون: #000؛} .focusPic {الهامش: 0 تلقائي؛ العرض: 244 بكسل;} .focusPic {margin:0 auto; width:240px; 29px ; overflow:hidden;background:url(/u/info_img/2009-06/20/4147_adpic.gif);} .focusPic .adPic .text{float:right; .focusPic .adPic .text a{color:#1f3a87;} .focusPic .adPic .text a:hover{color:#bc2931;} .focusPic h2{ float:left; - الحجم: 14 بكسل؛ محاذاة النص: يسار؛} .focusPic p{float:left; width:226px;line-height:160%; focusPic p img {margin:0px 0 2px;} .focusPic .more{ Margin:0 auto; width:240px; } .focusPic .more .textNum{float:right; } .focusPic .more .textNum .text{float:left; الارتفاع :19px;} .focusPic .more .textNum .bg1{ الخلفية:url(/u/info_img/2009-06/20/9415_num1.gif);} .focusPic .more .textNum .bg2{ الخلفية:url(/u / info_img/2009-06/20/7390_num2.gif);} .focusPic .more .textNum .bg3{ الخلفية:url(/u/info_img/2009-06/20/5391_num3.gif);} .focusPic .more . textNum .bg4{ الخلفية:url(/u/info_img/2009-06/20/6709_num4.gif);} .focusPic .more .textNum .num ul{ float:left;} .focusPic .more .textNum num li{float:left; width:28px;font-weight:bold;display:block;color:#fff; li a{color:#fff;} .focusPic .more .textNum .num li a:visited{color:#fff;} .focusPic .more .textNum .num li a:hover{color:#ff0 } --> </style> </head> <body> <script language="JavaScript" type="text/javascript"> var nn=1; Change_img () { if(nn>4) nn=1 setTimeout('setFocus1('+nn+')',6000 nn++; SelectLayer1 (i); } function SelectLayer1(i) { Switch(i) { الحالة 1: document.getElementById("focusPic1").style.display="block"; document.getElementById("focusPic2").style.display= " none"; document.getElementById("focusPic3").style.display="none"; document.getElementById("focusPic4").style.display="none"; document.getElementById("focusPic1nav").style.display = "block"; document.getElementById("focusPic2nav").style.display="none"; document.getElementById("focusPic3nav").style.display="none"; document.getElementById("focusPic4nav").style. عرض = "لا شيء"؛ حالة 2: document.getElementById("focusPic1").style.display="none"; document.getElementById("focusPic2").style.display="block"; focusPic3 ").style.display = "none"؛ document.getElementById ("focusPic4").style.display = "none"؛ document.getElementById ("focusPic1nav").style.display = "none"؛ document.getElementById ( " focusPic2nav").style.display="block"; document.getElementById("focusPic3nav").style.display="none"; document.getElementById("focusPic4nav").style.display="none"; 3 : document.getElementById("focusPic1").style.display="none"; document.getElementById("focusPic2").style.display="none"; document.getElementById("focusPic3").style.display=" block "; document.getElementById("focusPic4").style.display="none"; document.getElementById("focusPic1nav").style.display="none"; document.getElementById("focusPic2nav").style.display= " none"; document.getElementById("focusPic3nav").style.display="block"; document.getElementById("focusPic4nav").style.display="none"; الحالة 4: document.getElementById("focusPic1" ) .style.display="none"; document.getElementById("focusPic2").style.display="none"; document.getElementById("focusPic3").style.display="none"; " ).style.display = "block"؛ document.getElementById ("focusPic1nav").style.display = "none"؛ document.getElementById ("focusPic2nav").style.display = "none"؛ document.getElementById (" focusPic3nav ").style.display="none"; document.getElementById("focusPic4nav").style.display="block";break; } } </script> <div class="focusPic"> <div id=" focusPic1 " style = "display:block ;"> <div class = "pic"> <a href="http://www.downcodes.com"><img src="/u/info_img/2009-06/20 / 7867_2006011810122068706.jpg" alt="نتائج اختيار البرامج لـ NetEase Academy 2005" width="240" height="180" border="0" /></a> </div> <h2><a href="http: //www.downcodes.com">نتائج اختيار برامج NetEase Academy لعام 2005</a></h2> <p>بعد تصويت الجميع الحماسي وعملنا الجاد، ظهرت أخيرًا نتائج اختيار برامج NetEase Academy السنوية لعام 2005. انقر للعرض...<img src="/newimg/i2.gif" alt="التفاصيل" width="3" height="5" /> <a href="http://www.downcodes.com" class ="cDRed">التفاصيل</a></p> </div> <div id="focusPic2" style="display: none ;"> <div class="pic"> <a href="http: //www.downcodes.com"><img src="/u/info_img/2009-06/20/5724_200601171557008cee7.jpg" alt="تخريب قوانين البقاء لحيوانات الغابة" width="240" height="180 " border=" 0" /></a> </div> <h2><a href="http://www.downcodes.com">تخريب قوانين البقاء لحيوانات الغابة</a></h2> <p>الحيوانات الاجتماعية هذا السلوك يفسد ما نسميه عادة "قانون الغابة" السائد في عالم الحيوان. الحيوانات ليست كلها أنانية أو مفترسة. <img src="/newimg/i2.gif" alt="التفاصيل" width="3" height="5" /> <a href="http://www.downcodes.com" class="cDRed"> التفاصيل</a></p> </div> <div id="focusPic3" style="display: none ;"> <div class="pic"> <a href="http://www.downcodes. com"><img src="/u/info_img/2009-06/20/6541_2006011711483290a60.jpg" alt="WAPI ليس مؤامرة تجارية" width="240" height="180" border="0" /> </ a> </div> <h2><a href="http://www.downcodes.com">WAPI ليس مؤامرة تجارية</a></h2> <p>في الآونة الأخيرة، قامت البلاد قرار: "وسوف أعلنت الشركات المحلية والأجنبية الخوارزمية." لقد أثبتت الحقائق أن معيار WAPI الصيني ليس مؤامرة تجارية. <img src="/newimg/i2.gif" alt="التفاصيل" width="3" height="5" /> <a href="http://www.downcodes.com" class="cDRed"> التفاصيل</a></p> </div> <div id="focusPic4" style="display: none ;"> <div class="pic"> <a href="http://www.downcodes. com"><img src="/u/info_img/2009-06/20/6650_200601171002503f251.jpg" alt="موضوع خاص عن استكشاف نيوهورايزنز لبلوتو" width="240" height="180" border="0 " / </a> </div> <h2><a href="http://www.downcodes.com">ميزة خاصة خاصة حول استكشاف نيوهورايزنز لبلوتو</a></h2> <p > ستنطلق ناسا مسبار نيوهورايزنز في الساعة 2:24 من صباح يوم 18 بتوقيت بكين لزيارة بلوتو، الكوكب الوحيد الذي لم يستكشفه البشر بعد. <img src="/newimg/i2.gif" alt="التفاصيل" width="3" height="5" /> <a href="http://www.downcodes.com" class="cDRed"> التفاصيل</a></p> </div> <div class="more"> <div class="textNum"> <div class="text">> المزيد من العناوين الرئيسية</div> <div class= "num bg1" id="focusPic1nav" style="display: block;"> <ul> <li>1</li> <li><a href="javascript:setFocus1(2);" >2</a></li> <li><a href="javascript:setFocus1(3);" target="_self">3</a></li> <li><a href= "javascript :setFocus1(4);" target="_self">4</a></li> </ul> </div> <div class="num bg2" id="focusPic2nav" style="display: none; "> <ul> <li><a href="javascript:setFocus1(1);" target="_self">1</a></li> <li>2</li> <li>< a href ="javascript:setFocus1(3);" target="_self">3</a></li> <li><a href="javascript:setFocus1(4);" target="_self">4 </ a></li> </ul> </div> <div class="num bg3" id="focusPic3nav" style="display: none;"> <ul> <li><a href="javascript :setFocus1 (1);" target="_self">1</a></li> <li><a href="javascript:setFocus1(2);" target="_self">2</a>< /li > <li>3</li> <li><a href="javascript:setFocus1(4);" target="_self">4</a></li> </ul> </div> <div class = "num bg4" id = "focusPic4nav" style = "display: none؛"> <ul> <li><a href="javascript:setFocus1(1);" target="_self">1</ a> </li> <li><a href="javascript:setFocus1(2);" target="_self">2</a></li> <li><a href="javascript:setFocus1(3 ); " target="_self">3</a></li> <li>4</li> </ul> </div> </div> </div> </div> </body> </ أتش تي أم أل>
