圖片幻燈片特效(各種效果比較全)[網頁特效]

作者：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 { FONT-SIZE: 12px } /* 嵌入樣式表規則1 * / TABLE { FONT-SIZE: 12px } /* 嵌入樣式表規則51 */ .main TABLE { CLEAR: Both } /* 嵌入樣式表規則7 */ DIV { FONT-SIZE: 12px } /* 嵌入樣式表規則52 */ .bg { 背景： url(/u/info_img/2009-06/20/0831pclady_13.gif) #fff 重複-y 向右50%; FLOAT: left } /* 嵌入樣式表規則 50 */ .main { CLEAR: Both;邊距：0px 自動； WIDTH: 1000px } /* 嵌入樣式表規則10 */ BODY { PADDING-RIGHT: 0px;左內邊距：0px；背景：#000；底部填充：0px；邊距：0 像素；頂部填充：0px； TEXT-ALIGN: center } /* 嵌入樣式表規則 121 */ #line_lay { FLOAT: right;溢出：隱藏；寬度：559 像素； HEIGHT: 190px } /* 嵌入樣式表規則 123 */ #line_lay .line_content { DISPLAY: none;背景：#d3d3d3；浮動：左；左邊距：1px；寬度：360 像素； HEIGHT: 190px } /* 嵌入樣式表規則 14 */ A:link { COLOR: #000; TEXT-DECORATION: none } /* 嵌入樣式表規則 13 */ A IMG { BORDER-RIGHT: 0px;頂部邊框：0px；左邊框：0px； BORDER-BOTTOM: 0px } /* 嵌入樣式表規則 100 */ .l24 { LINE-HEIGHT: 24px } /* 嵌入樣式表規則 90 */ .c4 { COLOR: #4e3c29 } /* 嵌入樣式表規則 99 */ .l22 { LINE-HEIGHT: 22px } /* 嵌入樣式表規則85 */ .f12b { FONT-WEIGHT: 粗體; FONT-SIZE: 12px } /* 嵌入樣式表規則 122 */ #line_lay .title { FONT-WEIGHT: 粗體;浮動：左；左邊距：1px；寬度：24 像素；遊標：手；行高：16px；頂部填充：25px；高度：190 像素； TEXT-ALIGN: center } /* 嵌入樣式表規則 129 */ #line6 { Behind: url(/u/info_img/2009-06/20/06index2__47.gif) #f2e2c7 no-repeat 50% top; COLOR: #ff9600 } /* 嵌入樣式表規則 127 */ #line4 { 背景: url(/u/info_img/2009-06/20/06index2__43.gif) #eac6d4 no-repeat 50% top; COLOR: #c3356d } /* 嵌入樣式表規則 128 */ #line5 { 背景: url(/u/info_img/2009-06/20/06index2__45.gif) #c5dbe6 no-repeat 50% top; COLOR: #006bbe } /* 嵌入樣式表規則 126 */ #line3 { 背景: url(/u/info_img/2009-06/20/06index2__47.gif) #ece0c1 no-repeat 50% top; COLOR: #b88a16 } /* 嵌入樣式表規則 125 */ #line2 { 背景: url(/u/info_img/2009-06/20/06index2__38.gif) #e0cee2 no-repeat 50% top; COLOR: #9e01b1 } /* 嵌入樣式表規則 124 */ #line_lay #line1 {Background: url(/u/info_img/2009-06/20/06index2__36.jpg);寬度：68 像素；遊標：手； 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: block"> < 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: 兩者;DISPLAY: block" 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; FLOAT: left" 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="安索瑜珈伽釋放心靈享受生活" 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/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=“頂部”對齊=“中心”寬度=“175”> <TABLE高度=“20”cellSpacing=“0”cellPadding=“0”寬度=“100％”邊框= 「 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="露納餐廳的" 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="印度小廚品味食之魅" 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”邊框=“0”> <TBODY> <TR> <TD vAlign =“頂部”對齊=“中心”寬度=“175”> <TABLE高度=“20”cellSpacing=“0”cellPadding=“ 0” “寬度=“100％”邊框=“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="INMOST燕慕靈秀江南旗袍" 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"><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 " >[上海]心樂坊飾品款撩人</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=“頂部”對齊=“中心”寬度=“175”> <TABLE高度=“20”cellSpacing=“0”cellPadding=“0”寬度=“100％”邊框=“ 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>  <!- - Switch6 start --> <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=“頂部”對齊=“中心”寬度=“175”> <TABLE高度=“20”cellSpacing=“0”cellPadding=“0”寬度=“100％”邊框=“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="人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= "揭秘王小丫生活照隨意自然宛如鄰家女孩(組圖)" href="http://www.downcodes.com" target="_blank">隱私！ <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;變數方式=1； var start_content=Math.round(Math.random()*(total_content-1))+1; //除廣告為第一個顯示外 function content_mouse(num){ now_content=num; window.clearInterval(theTimer2); for (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()', timeout3); } function 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++；否則現在_內容--； 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();}, timeout2); </腳本> </內文> </ HTML>