[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