เอฟเฟกต์พิเศษสไลด์โชว์รูปภาพ (เอฟเฟกต์ทุกชนิดค่อนข้างสมบูรณ์) [เอฟเฟกต์พิเศษของหน้าเว็บ]

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN"><META http-equiv="Content-Type" content="text/html; charset=GB2312"> <BASE target="_blank" /> <HEAD><STYLE> /* กฎข้อที่ 2 ของสไตล์ชีตแบบฝัง */ TD { FONT-SIZE: 12px } /* กฎข้อ 3 ของสไตล์ชีตแบบฝัง */ TR { ขนาดแบบอักษร: 12px } /* กฎข้อ 1 ของสไตล์ชีตแบบฝัง * / TABLE { FONT-SIZE: 12px } /* กฎข้อ 51 ของสไตล์ชีตแบบฝัง */ .main TABLE { CLEAR: ทั้งสองอย่าง } /* กฎข้อ 7 ของสไตล์ชีตแบบฝัง */ DIV { ขนาดแบบอักษร: 12px } /* กฎ 52 ของสไตล์ชีตแบบฝัง */ .bg { พื้นหลัง: url(/u/info_img/2009-06/20/0831pclady_13.gif) #fff ทำซ้ำ-y ถูกต้อง 50%; FLOAT: left } /* กฎข้อ 50 ของสไตล์ชีตแบบฝัง */ .main { CLEAR: ทั้งสอง; ขอบ: 0px อัตโนมัติ; WIDTH: 1000px } /* กฎข้อ 10 ของสไตล์ชีทที่ฝัง */ BODY { PADDING-RIGHT: 0px; PADDING-ซ้าย: 0px; พื้นหลัง: #000; ช่องว่างด้านล่าง: 0px; ขอบ: 0px; ช่องว่างด้านบน: 0px; TEXT-ALIGN: center } /* กฎข้อ 121 ของสไตล์ชีตแบบฝัง */ #line_lay { FLOAT: right; ล้น: ซ่อน; ความกว้าง: 559px; HEIGHT: 190px } /* กฎข้อ 123 ของสไตล์ชีตแบบฝัง */ #line_lay .line_content { DISPLAY: none; พื้นหลัง: #d3d3d3; ลอย: ซ้าย; ขอบซ้าย: 1px; ความกว้าง: 360px; HEIGHT: 190px } /* กฎข้อ 14 ของสไตล์ชีตแบบฝัง */ A:link { COLOR: #000; การตกแต่งข้อความ: ไม่มี } /* กฎข้อ 13 ของสไตล์ชีตแบบฝัง */ A IMG { BORDER-RIGHT: 0px; เส้นขอบด้านบน: 0px; เส้นขอบซ้าย: 0px; BORDER-BOTTOM: 0px } /* Rule 100 ของสไตล์ชีตแบบฝัง */ .l24 { LINE-HEIGHT: 24px } /* Rule 90 ของสไตล์ชีตแบบฝัง */ .c4 { COLOR: #4e3c29 } /* กฎ 99 ของสไตล์ชีตแบบฝัง */ .l22 { LINE-HEIGHT: 22px } /* กฎข้อ 85 ของสไตล์ชีตแบบฝัง */ .f12b { FONT-WEIGHT: โดดเด่นยิ่งขึ้น; ขนาดตัวอักษร: 12px } /* กฎข้อ 122 ของสไตล์ชีทแบบฝัง */ #line_lay .title { FONT-WEIGHT: ตัวหนา; ลอย: ซ้าย; ขอบซ้าย: 1px; ความกว้าง: 24px; เคอร์เซอร์: มือ; ความสูงบรรทัด: 16px; ช่องว่างด้านบน: 25px; ความสูง: 190px; TEXT-ALIGN: center } /* กฎข้อ 129 ของสไตล์ชีทแบบฝัง */ #line6 { พื้นหลัง: url(/u/info_img/2009-06/20/06index2__47.gif) #f2e2c7 ไม่ทำซ้ำ 50% บนสุด; สี: #ff9600 } /* กฎข้อ 127 ของสไตล์ชีตแบบฝัง */ #line4 { พื้นหลัง: url(/u/info_img/2009-06/20/06index2__43.gif) #eac6d4 ไม่ทำซ้ำ 50% บนสุด; COLOR: #c3356d } /* กฎข้อ 128 ของสไตล์ชีตแบบฝัง */ #line5 { พื้นหลัง: url(/u/info_img/2009-06/20/06index2__45.gif) #c5dbe6 ไม่ทำซ้ำ 50% บนสุด; COLOR: #006bbe } /* กฎข้อ 126 ของสไตล์ชีตแบบฝัง */ #line3 { พื้นหลัง: url(/u/info_img/2009-06/20/06index2__47.gif) #ece0c1 ไม่ทำซ้ำ 50% ด้านบน; สี: #b88a16 } /* กฎข้อ 125 ของสไตล์ชีตแบบฝัง */ #line2 { พื้นหลัง: url(/u/info_img/2009-06/20/06index2__38.gif) #e0cee2 ไม่ทำซ้ำ 50% ด้านบน; สี: #9e01b1 } /* กฎข้อ 124 ของสไตล์ชีตแบบฝัง */ #line_lay #line1 { พื้นหลัง: url(/u/info_img/2009-06/20/06index2__36.jpg); ความกว้าง: 68px; เคอร์เซอร์: มือ; HEIGHT: 190px } </STYLE></HEAD> <BODY> <DIV id="line_lay">  <A onMouseOver="content_mouse(1)" href="http:// www.downcodes.com/#"> <DIV class="title" id="line1"> </DIV> </A> <DIV class="line_content" id="line_content1" style="DISPLAY: บล็อก"> <SCRIPT src="http://ivy.pconline.com.cn/adpuba/show?id=pclady.shouye.jctj.&pid=cs.pclady.jctj.&media=js&channel=inline&trace=1"> </SCRIPT> <A style="CLEAR: ทั้งสอง; จอแสดงผล: บล็อก" href="http://www.downcodes.com" target="_blank"><IMG src="/u/info_img/2009-06/20/activity_360x190. jpg" border="0" /></A> </DIV>   <A onMouseOver="content_mouse(2)" href=" http://www.downcodes.com"> <DIV class="title" id="line2"> สวยงาม </DIV> </A> <DIV class="line_content" id="line_content2" style="DISPLAY : ไม่มี"> <TABLE cellSpacing="0" cellPadding="0" border="0"> <TBODY> <TR> <TD vAlign="top" align="center" width="175"> <TABLE height= "20" cellSpacing="0" cellPadding="0" width="100%" border="0"> <TBODY> <TR> <TD> </TD> </TR> </TBODY> </TABLE> <TABLE cellSpacing="0" cellPadding="0" width="165" border="0"> <TBODY> <TR> <TD class="f12b l24"> <IMG style="MARGIN-TOP: 5px; ลอย: ซ้าย" src="/u/info_img/2009-06/20/06beauty_123.gif" /> <A title="典范造型因为专业所以美丽" href="http://www.downcodes.com" target ="_blank">[上海]典范造型缘于专业</A><BR /> </TD> </TR> <TR> <TD class="l22 c4"> 如果您总是先选择发型师，再选择选择美发店,那么这…… </TD> </TR> <TR> <TD height="15"> </TD> </TR> <TR> <TD class="l24" height="15 "> ·<A title="奥龙堡--让运动快乐起来" href="http://www.downcodes.com" target="_blank">[广州]奥龙堡运动起来</A>< BR />·<A title="青鸟健身我的健康新时尚" href="http://www.downcodes.com" target="_blank"><SPAN style="COLOR: #ff0000">[广州]青鸟健身新时尚</SPAN></A><BR />·<A title="安索瑜珈释放heart灵品味生活" href="http://www.downcodes.com" target="_blank"> [广州]安索瑜珈释放heart灵</A><BR /> </TD> </TR> </TBODY> </TABLE> </TD> <TD width="185"> <A href="http ://www.downcodes.com" target="_blank"><IMG height="190" alt="[上海]彭村梅来自台湾的美丽达人" src="/u/info_img/2009-06/ 20/070326-fcx13.jpg" width="185" border="0" /></A> </TD> </TR> </TBODY> </TABLE> </DIV>   <A onMouseOver="content_mouse(3)" href="http://www.downcodes.com"> <DIV class="title" id="line3" > รับประทานอาหาร </DIV> </A> <DIV class="line_content" id="line_content3" style="DISPLAY: none"> <TABLE cellSpacing="0" cellPadding="0" border="0"> <TBODY> <TR> <TD vAlign="top" align="center" width="175"> <TABLE height="20" cellSpacing="0" cellPadding="0" width="100%" border=" 0"> <TBODY> <TR> <TD> </TD> </TR> </TBODY> </TABLE> <TABLE cellSpacing="0" cellPadding="0" width="165" border="0" > <TBODY> <TR> <TD class="f12b l24"> <IMG style="MARGIN-TOP: 5px; ลอย: ซ้าย" src="/u/info_img/2009-06/20/06beauty_123.gif" /> <A title="露纳餐厅的" href="http://www.downcodes.com" target=" _blank" 养命仙汤??="">[上海]露纳的"养命仙汤"</A><BR /> </TD> </TR> <TR> <TD class="l22 c4 "> ??进入露纳餐厅，四处看看，不论是大厅还是包房…… </TD> </TR> <TR> <TD height="15"> </TD> </TR> <TR > <TD class="l24" height="15"> ·<A title="Pasti 意大利菜香气缠绵" href="http://www.downcodes.com" target="_blank">[上海]Pasti意菜香气缠绵</A><BR />·<A title="在全罗道尽享辛辣乐趣 " href="http://www.downcodes.com" target="_blank">[上海]全罗道享辛辣乐趣 </A><BR />·<A title="印度厨品味 STR之魅" href="http://www.downcodes.com" target="_blank"><SPAN style=" COLOR: #ff0000">[上海]印度厨 รับประทานอาหาร</SPAN></A><BR /> </TD> </TR> </TBODY> </TABLE> </TD> <ความกว้าง TD ="185"> <A href="http://www.downcodes.com" target="_blank"><IMG height="190" alt="[北京]江南厨子杭州味 " src="/u/ info_img/2009-06/20/070407-fcx103.jpg" width="185" border="0" /></A> </TD> </TR> </TBODY> </TABLE> </DIV>   <A onMouseOver="content_mouse(5)" href="http://www.downcodes.com"> <DIV class="title " id="line5"> 最IN<BR />去处 </DIV> </A> <DIV class="line_content" id="line_content5" style="DISPLAY: none"> <TABLE cellSpacing="0" cellPadding ="0" border="0"> <TBODY> <TR> <TD vAlign="top" align="center" width="175"> <TABLE height="20" cellSpacing="0" cellPadding="0 " width="100%" border="0"> <TBODY> <TR> <TD> </TD> </TR> </TBODY> </TABLE> <ตาราง cellSpacing="0" cellPadding="0" width="165" border="0"> <TBODY> <TR> <TD class="f12b l24"> <IMG style="MARGIN-TOP: 5px; ลอย: ซ้าย" src="/u/info_img/2009-06/20/06beauty_123.gif" /> <A title="INMOST燕慕灵秀江南旗袍" href="http://www.downcodes.com" เป้าหมาย ="_blank">[上海]燕慕的江南旗袍</A><BR /> </TD> </TR> <TR> <TD class="l22 c4"> 今天为大家介绍的这家“燕慕”中装定制店，设在…… </TD> </TR> <TR> <TD height="15"> </TD> </TR> <TR> <TD class="l24" height= "15"> ·<A title="溢香坊演绎中式性感" href="http://www.downcodes.com" target="_blank"><SPAN style="COLOR: #ff0000">[上海]溢香坊中式性感</SPAN></A><BR />·<A title="迷你韩城新装优雅版" href="http://www.downcodes.com" target="_blank" >[上海]迷你韩城新款春装</A><BR />·<A title="ดวงใจ乐坊香港饰品款款撩人" href="http://www.downcodes.com" target="_blank ">[上海]heart乐坊饰品款款撩人</A><BR /> </TD> </TR> </TBODY> </TABLE> </TD> <TD width="185"> < A href="http://www.downcodes.com" target="_blank"><IMG height="190" alt="[北京]第三极之木灯传说" src="/u/info_img/2009 -06/20/20070404yw010.jpg" width="185" border="0" /></A> </TD> </TR> </TBODY> </TABLE> </DIV>   <A onMouseOver="content_mouse(4)" href="http://www.downcodes.com"> <DIV class="title" id="line4 "> สวยงามใหม่ </DIV> </A> <DIV class="line_content" id="line_content4" style="DISPLAY: none"> <TABLE cellSpacing="0" cellPadding="0" border="0"> <TBODY> <TR> <TD vAlign="top" align="center" width="175"> <TABLE height="20" cellSpacing="0" cellPadding="0" width="100%" border=" 0"> <TBODY> <TR> <TD> </TD> </TR> </TBODY> </TABLE> <TABLE cellSpacing="0" cellPadding="0" width="165" border="0" > <TBODY> <TR> <TD class="f12b l24"> <IMG style="MARGIN-TOP: 5px; FLOAT: left" src="/u/info_img/2009-06/20/06beauty_123.gif" /> <A title="Eve&Anna 派对达人新衣经" href="http://www.downcodes.com" target="_blank">Eve&Anna私人礼服定制</A><BR /> </TD> </TR> <TR> <TD class="l22 c4"> “每个女人的衣橱里，应该มีข้อดีหลายอย่าง…… </TD> </TR> <TR> <TD height="15"> </TD> </TR> <TR> <TD class="l24" height="15 "> ·<A title="香若尔服装的奢华礼遇" href="http://www.downcodes.com" target="_blank">香若尔服装的奢华礼遇</A><BR /> ·<A title="丽多坊打造公主般的美丽新娘" href="http://www.downcodes.com" target="_blank"><SPAN style="COLOR: #ff0000">丽多坊打造公主式新娘</SPAN></A><BR />·<A title="巴黎婚纱美丽新娘" href="http://www.pclady.com.cn/dress/zq/bride/" target= "_blank">巴黎婚纱之漂亮新娘</A><BR /> </TD> </TR> </TBODY> </TABLE> </TD> <TD width="185"> <A href=" http://www.downcodes.com" target="_blank"><IMG height="190" alt="异尚妆园的大牌礼服" src="/u/info_img/2009-06/20/070407- fcx104.jpg" width="185" border="0" /></A> </TD> </TR> </TBODY> </TABLE> </DIV>   <A onMouseOver="content_mouse(6)" href="http://www.downcodes.com"> <DIV class="title" id="line6"> </DIV> </A> <DIV class="line_content" id="line_content6" style="DISPLAY: none"> <TABLE cellSpacing="0" cellPadding="0" border="0"> <TBODY> < TR> <TD vAlign="top" align="center" width="175"> <TABLE height="20" cellSpacing="0" cellPadding="0" width="100%" border="0"> < TBODY> <TR> <TD> </TD> </TR> </TBODY> </TABLE> <TABLE cellSpacing="0" cellPadding="0" width="165" border="0"> <TBODY> <TR> <TD class="f12b l24"> <IMG style="MARGIN-TOP: 5px; ลอย: ซ้าย" src="/u/info_img/2009-06/20/06beauty_123.gif" /> <A title="北京人12种新不文明现象大揭露" href="downcodes.com" target=" _blank">北京人12种新不文明现象</A><BR /> </TD> </TR> <TR> <TD class="l22 c4"> 咱们北京的随地吐痰现象令许多外国人</TD> </TR> <TR> <TD height="15"> </TD> </TR> <TR> <TD class="l24" height="15"> ·< A title="揭秘王小丫生活foto 随意自然宛如邻家女孩(组Image)" href="http://www.downcodes.com" target="_blank">隐私！揭秘王小丫私生活foto</A><BR />·<A title="北京公布12个盗车贼最爱光顾地区" href="http://www.downcodes.com" target="_blank">北京12个盗车贼最爱光顾地< /A><BR />·<A title="正在被北京抛弃的北京人" href="http://www.downcodes.com" target="_blank">正在被北京抛弃的北京人</A ><BR /> </TD> </TR> </TBODY> </TABLE> </TD> <TD width="185"> <A href="http://www.downcodes.com" target= "_blank"><IMG height="190" alt="十个巧妙性暗示广告，看得懂吗[组上]" src="/u/info_img/2009-06/20/20070409momo010.jpg" width= "185" border="0" /></A> </TD> </TR> </TBODY> </TABLE> </DIV>  </DIV> <SCRIPT language=javascript> var timeout2=7000; //切换时间 var timeout3=10000; //เลื่อนเมาส์ไปวางเหนือ 后切换时间 var now_content=1; var วิธี=1; var start_content=Math.round(Math.random()*(total_content-1))+1; //除广告为第一显示外 ฟังก์ชั่น content_mouse(num){ now_content=num; window.clearInterval(theTimer2); สำหรับ (var i=1;i<=total_content;i++){ document.getElementById('line_content'+i).style.display='none'; } document.getElementById('line_content'+num).style.display='block'; theTimer2=setTimeout('change_content()', หมดเวลา3); } ฟังก์ชัน change_content(){ for (var i=1;i<=total_content;i++){ document.getElementById('line_content'+i).style.display='none'; } document.getElementById('line_content'+now_content).style.display='block'; ถ้า (ทาง) now_content++; อย่างอื่น now_content--; if(now_content>total_content) {now_content=total_content-1;way=0;} else if(now_content==0) {now_content=1;way=1;} theTimer2=setTimeout('change_content()', timeout2); } theTimer2=setTimeout(function(){now_content=start_content;change_content();}, หมดเวลา2); </SCRIPT> </BODY></HTML>