[Web]如何制作网站首页 变换的 焦点 新闻 广告

效果如下图所示：
 

所需要的文件制作资源如下图所示：


其中 475X170.jpg   88caipiao.jpg   wmjb.jpg 为图片,你自己可以随便选几张图片即可
其中最主要的是 pixviewer.swf 这个文件,你可以到 http://images.5173.com/index_banner/pixviewer.swf
用讯雷下载 只有 11KB ,如果没有讯雷的话，也可以用一个简单的方法 ,就是打这上面的连接,然后
点击 IE 上面的菜单 工具=>Internet选项=>常归=>设置=>查看文件=>然后按建盘   p  查找 pixviewer.swf  然后把
它复制出来就行了。

gothic.js 即为一个 javaScript 文件,代码如下所示：

if ( typeof  com == " undefined " ) var  com = new  Object(); if ( typeof  com.deconcept == " undefined " )com.deconcept = new  Object(); if ( typeof  com.deconcept.util == " undefined " )com.deconcept.util = new  Object(); if ( typeof  com.deconcept.FlashObjectUtil == " undefined " )com.deconcept.FlashObjectUtil = new  Object();com.deconcept.FlashObject = function (swf,id,w,h,ver,c,useExpressInstall,quality,xiRedirectUrl,redirectUrl,detectKey){ if ( ! document.createElement ||! document.getElementById) return ; this .DETECT_KEY = detectKey ? detectKey: ' detectflash ' ; this .skipDetect = com.deconcept.util.getRequestParameter( this .DETECT_KEY); this .params = new  Object(); this .variables = new  Object(); this .attributes = new  Array(); this .useExpressInstall = useExpressInstall; if (swf) this .setAttribute( ' swf ' ,swf); if (id) this .setAttribute( ' id ' ,id); if (w) this .setAttribute( ' width ' ,w); if (h) this .setAttribute( ' height ' ,h); if (ver) this .setAttribute( ' version ' , new  com.deconcept.PlayerVersion(ver.toString().split( " . " ))); this .installedVer = com.deconcept.FlashObjectUtil.getPlayerVersion( this .getAttribute( ' version ' ),useExpressInstall); if (c) this .addParam( ' bgcolor ' ,c); var  q = quality ? quality: ' high ' ; this .addParam( ' quality ' ,q); var  xir = (xiRedirectUrl) ? xiRedirectUrl:window.location; this .setAttribute( ' xiRedirectUrl ' ,xir); this .setAttribute( ' redirectUrl ' , '' ); if (redirectUrl) this .setAttribute( ' redirectUrl ' ,redirectUrl)};com.deconcept.FlashObject.prototype = {setAttribute: function (name,value){ this .attributes[name] = value},getAttribute: function (name){ return   this .attributes[name]},addParam: function (name,value){ this .params[name] = value},getParams: function (){ return   this .params},addVariable: function (name,value){ this .variables[name] = value},getVariable: function (name){ return   this .variables[name]},getVariables: function (){ return   this .variables},createParamTag: function (n,v){ var  p = document.createElement( ' param ' );p.setAttribute( ' name ' ,n);p.setAttribute( ' value ' ,v); return  p},getVariablePairs: function (){ var  variablePairs = new  Array(); var  key; var  variables = this .getVariables(); for (key  in  variables){variablePairs.push(key + " = " + variables[key])} return  variablePairs},getFlashHTML: function (){ var  flashNode = "" ; if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length){ if ( this .getAttribute( " doExpressInstall " )) this .addVariable( " MMplayerType " , " PlugIn " );flashNode = ' <embed type="application/x-shockwave-flash" src=" ' + this .getAttribute( ' swf ' ) + ' " width=" ' + this .getAttribute( ' width ' ) + ' " height=" ' + this .getAttribute( ' height ' ) + ' " ' ;flashNode += '  id=" ' + this .getAttribute( ' id ' ) + ' " name=" ' + this .getAttribute( ' id ' ) + ' "  ' ; var  params = this .getParams(); for ( var  key  in  params){flashNode += [key] + ' =" ' + params[key] + ' "  ' } var  pairs = this .getVariablePairs().join( " & " ); if (pairs.length > 0 ){flashNode += ' flashvars=" ' + pairs + ' " ' }flashNode += ' /> ' } else { if ( this .getAttribute( " doExpressInstall " )) this .addVariable( " MMplayerType " , " ActiveX " );flashNode = ' <object id=" ' + this .getAttribute( ' id ' ) + ' " classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width=" ' + this .getAttribute( ' width ' ) + ' " height=" ' + this .getAttribute( ' height ' ) + ' "> ' ;flashNode += ' <param name="movie" value=" ' + this .getAttribute( ' swf ' ) + ' " /> ' ; var  params = this .getParams(); for ( var  key  in  params){flashNode += ' <param name=" ' + key + ' " value=" ' + params[key] + ' " /> ' } var  pairs = this .getVariablePairs().join( " & " ); if (pairs.length > 0 ){flashNode += ' <param name="flashvars" value=" ' + pairs + ' " /> ' }flashNode += " </object> " } return  flashNode},write: function (elementId){ if ( this .useExpressInstall){ var  expressInstallReqVer = new  com.deconcept.PlayerVersion([ 6 , 0 , 65 ]); if ( this .installedVer.versionIsValid(expressInstallReqVer) &&! this .installedVer.versionIsValid( this .getAttribute( ' version ' ))){ this .setAttribute( ' doExpressInstall ' , true ); this .addVariable( " MMredirectURL " ,escape( this .getAttribute( ' xiRedirectUrl ' )));document.title = document.title.slice( 0 , 47 ) + "  - Flash Player Installation " ; this .addVariable( " MMdoctitle " ,document.title)}} else { this .setAttribute( ' doExpressInstall ' , false )} if ( this .skipDetect || this .getAttribute( ' doExpressInstall ' ) || this .installedVer.versionIsValid( this .getAttribute( ' version ' ))){ var  n = ( typeof  elementId == ' string ' ) ? document.getElementById(elementId):elementId;n.innerHTML = this .getFlashHTML()} else { if ( this .getAttribute( ' redirectUrl ' ) != "" ){document.location.replace( this .getAttribute( ' redirectUrl ' ))}}}};com.deconcept.FlashObjectUtil.getPlayerVersion = function (reqVer,xiInstall){ var  PlayerVersion = new  com.deconcept.PlayerVersion( 0 , 0 , 0 ); if (navigator.plugins && navigator.mimeTypes.length){ var  x = navigator.plugins[ " Shockwave Flash " ]; if (x && x.description){PlayerVersion = new  com.deconcept.PlayerVersion(x.description.replace( / ([a - z] | [A - Z] | s) +/ , "" ).replace( / (s + r | s + b[ 0 - 9 ] + ) / , " . " ).split( " . " ))}} else { try { var  axo = new  ActiveXObject( " ShockwaveFlash.ShockwaveFlash " ); for ( var  i = 3 ;axo != null ;i ++ ){axo = new  ActiveXObject( " ShockwaveFlash.ShockwaveFlash. " + i);PlayerVersion = new  com.deconcept.PlayerVersion([i, 0 , 0 ])}} catch (e){} if (reqVer && PlayerVersion.major > reqVer.major) return  PlayerVersion; if ( ! reqVer || ((reqVer.minor != 0 || reqVer.rev != 0 ) && PlayerVersion.major == reqVer.major) || PlayerVersion.major != 6 || xiInstall){ try {PlayerVersion = new  com.deconcept.PlayerVersion(axo.GetVariable( " $version " ).split( "   " )[ 1 ].split( " , " ))} catch (e){}}} return  PlayerVersion};com.deconcept.PlayerVersion = function (arrVersion){ this .major = parseInt(arrVersion[ 0 ]) || 0 ; this .minor = parseInt(arrVersion[ 1 ]) || 0 ; this .rev = parseInt(arrVersion[ 2 ]) || 0 };com.deconcept.PlayerVersion.prototype.versionIsValid = function (fv){ if ( this .major < fv.major) return   false ; if ( this .major > fv.major) return   true ; if ( this .minor < fv.minor) return   false ; if ( this .minor > fv.minor) return   true ; if ( this .rev < fv.rev) return   false ; return   true };com.deconcept.util = {getRequestParameter: function (param){ var  q = document.location.search || document.location.href.hash; if (q){ var  startIndex = q.indexOf(param + " = " ); var  endIndex = (q.indexOf( " & " ,startIndex) >- 1 ) ? q.indexOf( " & " ,startIndex):q.length; if (q.length > 1 && startIndex >- 1 ){ return  q.substring(q.indexOf( " = " ,startIndex) + 1 ,endIndex)}} return "" }}; if (Array.prototype.push == null ){Array.prototype.push = function (item){ this [ this .length] = item; return   this .length}} var  getQueryParamValue = com.deconcept.util.getRequestParameter; var  sinaFlash = com.deconcept.FlashObject;

别管它有多少，把他复制下去用就是了 ^_^
焦点广告.htm 代码如下：

< table  width ="100"  border ="0"  cellpadding ="0"  cellspacing ="0" >
     < tr >
         < td >

             < script  type ="text/javascript"  src ="gothic.js" ></ script >

             < div  id ="focusViwer" >
             </ div >

             < script  type ="text/javascript" >
     <!--
    
     var  focus_width = 350
     var  focus_height = 150
     var  text_height = 0
     var  swf_height  =  focus_height + text_height
    
     var  pics = ' wmjb.jpg|475X170.jpg|88caipiao.jpg|wmjb.jpg|475X170.jpg '
     // 图片必须和swf文件放在一个文件夹里面
     var  links = ' http://www.qghboy.com|#|#|#|# '

     var  FocusFlash  =   new  sinaFlash( " pixviewer.swf " ,  " focusflash " , focus_width, swf_height,  " 7 " ,  " #ffffff " ,  false ,  " High " );
    FocusFlash.addParam( " allowScriptAccess " ,  " sameDomain " );
    FocusFlash.addParam( " menu " ,  " false " );
    FocusFlash.addParam( " wmode " ,  " opaque " );

    FocusFlash.addVariable( " pics " , pics);
    FocusFlash.addVariable( " links " , links);
    FocusFlash.addVariable( " borderwidth " , focus_width);
    FocusFlash.addVariable( " borderheight " , focus_height);
    FocusFlash.addVariable( " textheight " , text_height);
    FocusFlash.write( " focusViwer " );
    
     // -->
             </ script >

         </ td >
     </ tr >
</ table >

其中：
var pics='wmjb.jpg | 475X170.jpg| 88caipiao.jpg | wmjb.jpg | 475X170.jpg'

为图片路径

var links='http://www.qghboy.com |  # | #  |  #  |  #  '
为图片的链接,每个链接和上面的每张图片对应,用 | 分开,这里我没有什么链接所以用 # 代替了,用户可以自己定
义和所显示的图片对应的超级链接

 var FocusFlash = new sinaFlash("pixviewer.swf", "focusflash", focus_width, swf_height, "7", "#ffffff", false, "High");

如果 pixviewer.swf 文件不在当前页面目录下的话 你必需写完全路径 例如： ../Ad01/pixviewer.swf