เอฟเฟกต์สไลด์โชว์การขัดรูปภาพ [เอฟเฟกต์หน้าเว็บ]

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-06-20 15:56:34

โค้ดเอฟเฟกต์พิเศษของหน้าเว็บ เอฟเฟกต์พิเศษการสลับรูปภาพข่าวของ 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">  </style> </head> <body> <script language="JavaScript" type="text/javascript"> var nn=1; setTimeout('change_img()',6000); change_img () { if(nn>4) nn=1 setTimeout('setFocus1('+nn+')',6000); tt=setTimeout('change_img()',6000); } ฟังก์ชัน setFocus1(i) { selectLayer1 (i); } ฟังก์ชั่น selectLayer1(i) { สวิตช์ (i) { กรณีที่ 1: document.getElementById("focusPic1").style.display="block"; document.getElementById("focusPic2").style.display= " ไม่มี"; 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").สไตล์ กรณีที่ 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=" บล็อก "; document.getElementById("focusPic4").style.display="none"; document.getElementById("focusPic1nav").style.display="none"; document.getElementById("focusPic2nav").style.display= " ไม่มี"; document.getElementById("focusPic3nav").style.display="block"; document.getElementById("focusPic4nav").style.display="none"; ) .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">ผลการคัดเลือกซอฟต์แวร์ประจำปี 2548 ของ NetEase Academy</a></h2> <p>หลังจากการโหวตอย่างกระตือรือร้นของทุกคนและการทำงานหนักของเรา ผลลัพธ์ของการคัดเลือกซอฟต์แวร์ประจำปี 2548 ของ NetEase Academy ก็ออกมาในที่สุด คลิกเพื่อดู...<img src="/newimg/i2.gif" alt="Details" 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="หัวข้อพิเศษเกี่ยวกับการสำรวจดาวพลูโตของ New Horizons" width="240" height="180" border="0 " / ></a> </div> <h2><a href="http://www.downcodes.com">คุณลักษณะพิเศษพิเศษเกี่ยวกับการสำรวจดาวพลูโตของ New Horizons</a></h2> <p >ภารกิจของ NASA ยานสำรวจ New Horizons เปิดตัวเมื่อเวลา 02: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);" target=" _self" >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> </ html>