圖片輪播效果

<td>
   <!--廣告開始-->
    <a target=_self href="javascript:goUrl()"> <span class="f14b">
     <script type="text/javascript">
     imgUrl1="p_w_picpaths/1.jpg";
     imgtext1="河南理工大學工礦技術開發公司"
     imgLink1=escape(" http://www.hpukd.com/");
     imgUrl2="p_w_picpaths/3.jpg";
     imgtext2="2009年第四屆中國國際煤炭裝備及礦山技術設備展覽會"
     imgLink2=escape(" http://www.ciceme.com/");
     imgUrl3="p_w_picpaths/4.jpg";
     imgtext3="2009第六屆中國（唐山）國際煤炭裝備及礦山技術設備展覽會"
     imgLink3=escape("pages/zhanhui_xx.asp?id=100");
     

      var focus_width=577
      var focus_height=80
      var text_height=18
      var swf_height = focus_height+text_height
     
      var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3
      var links=imgLink1+"|"+imgLink2+"|"+imgLink3
      var texts=imgtext1+"|"+imgtext2+"|"+imgtext3
     
      document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
      document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="focus.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
      document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
      document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
      document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage=" http://www.macromedia.com/go/getflashplayer" />');  document.write('</object>');
      </script>
     </span></a><span id=focustext class=f14b> </span>
    <!--廣告結束-->  
   </td>

 

第二種方案：

<td class="pic"><div id="pic"><script src="/Style/pic.asp"></script></div></td>

Style/pic.asp內容：

 

<!--#include virtual="/inc/conn.asp" -->（連接數據庫，以及一些頁面共同須要解決的問題）
<%
OpenDb Application("mt")
Set Rs = Conn.Execute("Select top 15 * From pic where yn order by picid")
%> 
 var swf_width=350
 var swf_height=210
 var files='<%while not rs.eof %>pic/<%=rs("picurl")%>|<% Rs.MoveNext
 wend%>'
 files = files.substring(0,files.length - 1);
 var links='<%rs.movefirst
 while not rs.eof %><%=rs("Plink")%>|<% Rs.MoveNext
 wend%>'
 links = links.substring(0,links.length - 1);
 var texts='<%rs.movefirst
 while not rs.eof %><%=rs("PicName")%>|<% Rs.MoveNext
 wend%>'
 texts = texts.substring(0,texts.length - 1);
 
 document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
 document.write('<param name="movie" value="/flash/pic.swf"><param name="quality" value="high">');
 document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
 document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');
 document.write('<embed src="/flash/pic.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage=" http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');

 

style.css

#main .pic {
 vertical-align:top;
 width:360px;
 padding:0 0 0 10px;
}

#pic {
 border:1px solid #c0e3ff;
 background-color:#ebf8ff;
 padding:5px;
 width:356px;
 height:210px;
 text-align:center;
}

 

借鑑頁面：劉哥和姚哥   首頁