ภาษาไทย
เอฟเฟ็กต์พิเศษในการสลับรูปภาพที่มีประสิทธิภาพ เอฟเฟกต์พิเศษของรูปภาพ Pacific Women's Network ได้รับการเปิดเผยในที่สุด! - ถ้าชอบก็เก็บไว้!
<!DOCTYPE html สาธารณะ "-//W3C//DTD XHTML 1.0 การเปลี่ยนผ่าน//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>การแสดงรูปภาพเครือข่ายสตรีแปซิฟิกแบบพิเศษ โค้ดเอฟเฟกต์ตัวแก้ไข downcodes.com</title> <META NAME="description" CONTENT="การแสดงรูปภาพเครือข่ายสตรีแปซิฟิก โค้ดพิเศษตัวแก้ไข downcodes.com" /> <META NAME="คำหลัก" CONTENT="การแสดงรูปภาพเครือข่ายสตรีแปซิฟิก โค้ดเอฟเฟกต์พิเศษ downcodes.com editor" /> <style type="text/css"> <!-- /*การสลับภาพโฟกัส*/ #f_div{width:325px; height:225px; Margin:0 auto; overflow:hidden ;} # f_imgDiv{width:100%; height:225px; overflow:hidden;} #f_img{filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); เส้นขอบ: 0;} #f_infoDiv{width:16px;top :-115px ; ซ้าย:305px; ความสูง:120px; ตำแหน่ง:ญาติ div{ความกว้าง:12px; ความสูง:160px; ; ล้น: ซ่อนอยู่;} #f_buttonDiv .bg{width:12px; ความสูง:12px ;line-height:13px;สี:#fff;font-family:Arial, Helvetica, sans-serif;font-size:10px;text-align:center;display:block;overflow:hidden;การตกแต่งข้อความ :none; position:absolute;} #f_buttonDiv a:link,#f_buttonDiv a:visited,#f_buttonDiv a:active{color:#FFF;} #f_buttonDiv a:hover{พื้นหลัง:#DE97B7;color:#fff;} # f_buttonDiv a. on:link,#f_buttonDiv a.on:visited,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{พื้นหลัง:#D285A7;} #f_buttonDiv a.on:hover{พื้นหลัง:#DE97B7; } #f_text {height:26px; line-height:26px; overflow:hidden;text-align:left; พื้นหลัง:url(/u/info_img/2009-06/20/jt7.gif) -ทำซ้ำ 10px 8px; text-indent:20px;} #f_text a:link,#f_text a:visited,#f_text a:active{color:#000;text- decoration: none;} #f_text a:hover{color: #FF6600; การตกแต่งข้อความ: none;} body {พื้นหลัง: #fff;margin: 0px; .f14 {font-size:14px;} a:link,a:visited,a:active{ สี:# 000;การตกแต่งข้อความ: none;} a:hover{ color:#E64393;การตกแต่งข้อความ: none;} .white a:link,.white a:visited,.white a:active{color:#FFFFFF ;text- decoration: none;} .white a:hover{ color:#FFFFFF;text- decoration: none;} .white2,.white2 a:link,.white2 a:visited,.white2 a:active{color:# FFF;ข้อความ -การตกแต่ง: none;} .white2 a:hover{ color:#000;text- decoration: none;} .gray2,.gray2 a:link,.gray2 a:visited,.gray2 a:active{color: #000; การตกแต่งข้อความ: none;} .gray2 a:hover{ color:#E64393;text- decoration: none;} .green,.green a:link,.green a:visited,.green a:active{color :#008100 ;text- decoration: none;} .green a:hover{ color:#E64393;text- decoration: none;} #body1_1_1 {float: left;width: 333px;สีพื้นหลัง: #F1F1F1; : #D4D4D4 ทึบ 2px;} #body1_1_1_a {ความสูง: 226px;ความกว้าง: 325px;ระยะขอบ: 4px 0 0 4px;} --> </style> </head> <body> <div id="body1_1_1"> <div id=" body1_1_1_a"> <div id="f_div"> <!--พื้นที่รูปภาพ--> <div id="f_imgDiv"></div> <div id="f_infoDiv"> <!--พื้นที่ปุ่มตัวเลข --> <div id="f_buttonDiv"></div> </div> </div> <!--เน้นพื้นที่ข้อความ--> <div id="f_text" class="f12b"></div> <script> //พื้นที่ที่แก้ไขได้ var imgWidth=325; var imgHeight=225; var _timeOut_=5000; var show_text = true; // ต้องการให้แสดงข้อความโฟกัส var timeOut=_timeOut_; เพื่อสลับหลังจาก onmouseout img เวลา var now=0; //ภาพแรก var target="_blank"; //วิธีการเปิด var button_on ='on'; //ชื่อสไตล์ของปุ่มที่สอดคล้องกับโฟกัสปัจจุบัน var button_off = '';//ไม่ใช่ชื่อสไตล์ของปุ่มที่สอดคล้องกับโฟกัส // พื้นที่ที่ไม่สามารถแก้ไขได้ var imgUrl = new Array(); var imgText = new Array(); var imgLink = new Array(); (); //var menuList = new Array ();//menu menu var ver=2; // เวอร์ชันเบราว์เซอร์ที่เข้ากันได้มีค่าเริ่มต้นเป็น 2 สำหรับ non-ie var firstTime=true; var n =-1; ]='/u/info_img/2009-06 /20/20070720nrydbzd.jpg'; imgText[n]='<a href="http://www.downcodes.com" target="_blank">20 เคล็ดลับในการเป็น a "twerking" beauty</a>'; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='20 เคล็ดลับในการเป็น "twerking" งาม'; ]='/u/info_img/2009-06 /20/200707191346247f307946246c4.jpg'; imgText[n]='<a href="http://www.downcodes.com" target="_blank">สิ่งที่ผู้ชายทำ 16 อย่าง ' ไม่รู้เกี่ยวกับผู้หญิง</a> '; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='สิบหกสิ่งที่ผู้ชายไม่รู้เกี่ยวกับผู้หญิง'; ]='/u/info_img /2009-06/20/wjy0720-4.jpg'; imgText[n]='<a href="http://www.downcodes.com" target="_blank">แฟชั่นｍｍคุณคือ คนทันสมัยกับเสื้อผ้าที่เข้ากันอย่างชาญฉลาด ? - </a>'; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='คุณเป็นคนทันสมัยและเข้ากันดีหรือไม่? - '; imgUrl[++n]='/u/info_img/2009-06/20/20070720pclady001.jpg'; imgText[n]='<a href="http://www.downcodes.com" target=" _blank">เดทวันหยุดฤดูร้อนจะชนะแน่นอนด้วยการแต่งหน้า ไม่ว่าจะแย่แค่ไหน</a>'; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='วันหยุดฤดูร้อน date จะต้องชนะด้วยการแต่งหน้า ไม่ว่าจะแย่แค่ไหน'; imgUrl[++ n]='/u/info_img/2009-06/20/325nvxingdajiaodiantupianweizi.JPG'; "http://www.downcodes.com" target="_blank">รายการจับคู่เสื้อผ้าที่เด็กผู้ชายตื่นเต้นที่สุด</a>'; ]='รายการจับคู่เสื้อผ้าที่น่าตื่นเต้นที่สุดของเด็กผู้ชาย'; imgUrl[++n]=''; imgText[n]='<a href="http://www.downcodes.com" target="_blank">Vichy ทุกคนกำลังสัมผัสประสบการณ์ Qingyi Slim Skin</a>'; imgLink[n]='http:// /www.downcodes.com'; imgAlt[n]='Vichy Qingyi Slim Skin กำลังได้รับประสบการณ์จากทุกคน'; count=0; for (i=0;i<imgUrl.length;i++) { if( (imgUrl[i ]!="") && (imgText[i]!="")&& (imgLink[i]!= "")&& (imgAlt[i]!="")) { count++; } else { break; } } ฟังก์ชั่น p$(string){ document.write(string); } ฟังก์ชั่น $(id){ return document.getElementById (id); } // แก้ไขขนาดรูปภาพ p$("<style> #f_img { width:"+imgWidth+ "px;height:"+imgHeight+"px;</style>"); ver==1){ with($('f_img').filters[0]){ Transition=1; Apply(); } } ถ้า (ครั้งแรก){ firstTime=false;timeOut=_timeOut_/1000; } else{ $('f_img').src=imgUrl[ตอนนี้]; $('f_img').alt =imgAlt[ตอนนี้]; $('f_imgLink').href=imgLink[ตอนนี้]; ('f_text').innerHTML=imgText[ตอนนี้]; for (var i=0;i<count;i++ ) { $('b'+i).className="button"; i).className=""; } $('b'+now).className="on"; / /$('f_menu'+now).className="on"; now=(ตอนนี้>=imgUrl.length -1)?0:now+1; timeOut=_timeOut_; } theTimer=setTimeout("change()", timeOut); } ฟังก์ชัน b_change(num){ window.clearInterval(theTimer); change(); } //วาดเส้นไล่ระดับสี (เช่น css:f_line) function Draw_line(){ var div = document .createElement("div"); div.id = 'f_line'; $('f_infoDiv').insertBefore( div,$('f_infoDiv').childNodes.item(0)); } // เลเยอร์การนำเสนอเริ่มต้น // รูปภาพ var a = document.createElement("a"); a.id="f_imgLink"; เป้าหมาย; a.href=imgLink[ตอนนี้]; $('f_imgDiv').appendChild(a); var img = document.createElement("img"); img.id=imgWidth; .height=imgHeight; img.src=imgUrl[ตอนนี้]; img.alt=imgAlt[ตอนนี้]; = document.createElement("div"); div_bg'+i; div_bg.className=' bg'; $('f_buttonDiv').appendChild(div_bg); var a = document.createElement("a" ); a.id = 'b'+i; a.className = (i==now+1)? "button_on":button_off"; a.title=imgAlt[i]; a.href='javascript:b_change('+i+')'; $('div_bg'+i). appendChild(a); var div= document.createElement("div"); $('f_buttonDiv').appendChild (div); } if (show_text) $('f_text').innerHTML = imgText[now]; // เลเยอร์การนำเสนอสิ้นสุด $('f_img').onmouseover=function(){window.clearInterval(theTimer);} $ ('f_img').onmouseout=function(){theTimer=setTimeout("change()", timeOut2); } ลอง{ //กรองเวอร์ชันใหม่ ActiveXObject("DXImageTransform.Microsoft.Fade"); $('f_img') .filters[0].play(); ver=1; Draw_line(); } catch (e){ ver=2;} var theTimer = setTimeout("change()", _timeOut_/1000); </script> < /div> </div> </body> </html>
