网页制作经典代码系列—翻牌的广告代码 - 启步网（7ibu.com）网络、IT(挨踢)职业游民学习娱乐之家.

启步网 > 网站建设 > 网页制作

网页制作经典代码系列—翻牌的广告代码

作者： sunhy 阅读：来源：启步网时间：2007-2-7 16:27:14

字体：小中大

这一系列是由sunhy收集整理，经过多次调试后！适用于各种网站使用的网页制作过程中经常使用的经典代码。

更多资料请查看：网页制作经典代码系列专题

这一篇，我们讲解：翻牌的广告代码的制作及实现方法。

本例由以下几个部分组成：fzflash.js脚本、flipper.swf外客、一个背景、三副图

图片效果如下：

全部代码如下，运行查看效果，你可以先修改代码再运行：

<SCRIPT type=text/javascript>
 /**
  翻牌广告脚本2007-02-07 sina, 7ibu.com整理
**/
if(typeof(sina)!="object"){var sina={}}
sina.$=function(objId){if(!objId){throw new Error("sina.$(String objId)参数必须")}
if(document.getElementById){return eval('document.getElementById("'+objId+'")')}else if(document.layers){return eval("document.layers['"+objId+"']")}else{return eval('document.all.'+objId)}}
sinaFlash=function(C,v,x,V,c,X,i,O,I,l,o){var z=this;if(!document.createElement||!document.getElementById){return}
z.id=v?v:"";z.classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000";z.codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version="+(c?c:"7")+",0,0,0";z.width=x;z.height=V;z.movie=C;z.bgcolor=X?X:null;z.quality=O?O:"high";z.src=z.movie;z.pluginspage="http://www.macromedia.com/go/getflashplayer";z.type="application/x-shockwave-flash";z.useExpressInstall=i?i:null;z.xir=(I)?I:window.location;z.redirectUrl=l?l:null;z.detectKey=o?o:null;z.escapeIs=false;z.objAttrs={};z.params={};z.flashVars=[];z.flashVarsStr="";z.embedAttrs={};z.forSetAttribute("id",z.id);z.objAttrs["classid"]=z.classid;z.forSetAttribute("codebase",z.codebase);z.forSetAttribute("width",z.width);z.forSetAttribute("height",z.height);z.forSetAttribute("movie",z.movie);z.forSetAttribute("quality",z.quality);z.forSetAttribute("pluginspage",z.pluginspage);z.forSetAttribute("type",z.type);z.forSetAttribute("bgcolor",z.bgcolor)}
sinaFlash.prototype={getFlashHtml:function(){var I=this,i='<object ';for(var l in I.objAttrs){i+=l+'="'+I.objAttrs[l]+'" '}
i+='>';for(var l in I.params){i+='<param name="'+l+'" value="'+I.params[l]+'" /> '}
if(I.flashVarsStr!=""){i+='<param name="FlashVars" value="'+I.flashVarsStr+'" /> '}
i+='<embed ';for(var l in I.embedAttrs){i+=l+'="'+I.embedAttrs[l]+'" '}
i+=' ></embed></object>';return i},forSetAttribute:function(I,i){var l=this;I=I.toLowerCase();switch(I){case "classid":break;case "pluginspage":l.embedAttrs["pluginspage"]=i;break;case "src":l.embedAttrs["src"]=i;l.params["movie"]=i;break;case "movie":l.params["movie"]=i;l.embedAttrs["src"]=i;break;case "onafterupdate":case "onbeforeupdate":case "onblur":case "oncellchange":case "onclick":case "ondblClick":case "ondrag":case "ondragend":case "ondragenter":case "ondragleave":case "ondragover":case "ondrop":case "onfinish":case "onfocus":case "onhelp":case "onmousedown":case "onmouseup":case "onmouseover":case "onmousemove":case "onmouseout":case "onkeypress":case "onkeydown":case "onkeyup":case "onload":case "onlosecapture":case "onpropertychange":case "onreadystatechange":case "onrowsdelete":case "onrowenter":case "onrowexit":case "onrowsinserted":case "onstart":case "onscroll":case "onbeforeeditfocus":case "onactivate":case "onbeforedeactivate":case "ondeactivate":case "type":l.embedAttrs["type"]=i;break;case "codebase":l.objAttrs["codebase"]=i;break;case "width":l.objAttrs["width"]=i;l.embedAttrs["width"]=i;break;case "height":l.objAttrs["height"]=i;l.embedAttrs["height"]=i;break;case "align":l.objAttrs["align"]=i;l.embedAttrs["align"]=i;break;case "vspace":l.objAttrs["vspace"]=i;l.embedAttrs["vspace"]=i;break;case "hspace":l.objAttrs["hspace"]=i;l.embedAttrs["hspace"]=i;break;case "class":l.objAttrs["class"]=i;l.embedAttrs["class"]=i;break;case "title":l.objAttrs["title"]=i;break;case "accesskey":l.objAttrs["accesskey"]=i;break;case "name":l.objAttrs["name"]=i;l.embedAttrs["name"]=i;break;case "id":l.objAttrs["id"]=i;l.embedAttrs["name"]=i;break;case "tabindex":l.objAttrs["tabindex"]=i;break;default:l.params[I]=l.embedAttrs[I]=i}},forGetAttribute:function(i){var I=this;i=i.toLowerCase();if(I.objAttrs[i]!=undefined){return I.objAttrs[i]}else if(I.embedAttrs[i]!=undefined){return I.embedAttrs[i]}else if(I.embedAttrs!=undefined){return I.embedAttrs[i]}else{return null}},setAttribute:function(I,i){this.forSetAttribute(I,i)},getAttribute:function(i){return this.forGetAttribute(i)},addVariable:function(I,i){var l=this;if(l.escapeIs){I=escape(I);i=escape(i)}
if(l.flashVarsStr==""){l.flashVarsStr=I+"="+i}else{l.flashVarsStr+="&"+I+"="+i}
l.embedAttrs["FlashVars"]=l.flashVarsStr},getVariable:function(I){var o=this,i=o.flashVarsStr;if(o.escapeIs){I=escape(I)}
var l=new RegExp(I+"=([^\\&]*)(\\&?)","i").exec(i);if(o.escapeIs){return unescape(RegExp.$1)}
return RegExp.$1},addParam:function(I,i){this.forSetAttribute(I,i)},getParam:function(){return this.forGetAttribute(name)},write:function(i){var I=this;if(typeof i=="string"){sina.$(i).innerHTML=I.getFlashHtml()}else if(typeof i=="object"){i.innerHTML=I.getFlashHtml()}}}
</SCRIPT>

<TABLE width="132" height=95 border=0 align="center" cellPadding=0 cellSpacing=0>
      <TBODY>
        <TR>
          <TD width=132>
		  
            <DIV id=FP_L 
      style="BACKGROUND-IMAGE: url(/web7ibu/UpLoadFiles/wangye/200702/d2/bg1.gif); WIDTH: 132px; HEIGHT: 95px" 
      align=center></DIV>
            <SCRIPT type=text/javascript>
	<!--
	var fp_pics="",fp_links="";

//广告图片与链接
fp_pics += "§"+"/web7ibu/UpLoadFiles/wangye/200702/d2/01.jpg"; //广告图片地址
fp_links += "§"+escape("/developer/web/2007/0207/745.htm"); //广告链接地址

fp_pics += "§"+"/web7ibu/UpLoadFiles/wangye/200702/d2/02.jpg"; //广告图片地址
fp_links += "§"+escape("/developer/web/2007/0207/745.htm"); //广告链接地址

fp_pics += "§"+"/web7ibu/UpLoadFiles/wangye/200702/d2/03.jpg"; //广告图片地址
fp_links += "§"+escape("/developer/web/2007/0207/745.htm"); //广告链接地址

fp_pics=fp_pics.substring(1);
	fp_links=fp_links.substring(1);

//默认图片与链接
var def_pic = "/web7ibu/UpLoadFiles/wangye/200702/d2/03.jpg"; //默认图片地址
var def_link = escape("/developer/web/2007/0207/745.htm"); //默认图片链接

var FP = new sinaFlash("/web7ibu/UpLoadFiles/wangye/200702/d2/flipper.swf", "FP_L_swf", 132, 95, "7", "#FFFFFF", false, "High");
	FP.addParam("menu", "false");
	FP.addParam("wmode", "transparent");
	FP.addVariable("pic_width", "120"); //图片宽
	FP.addVariable("pic_height", "85"); //图片高
	FP.addVariable("flip_time", "300"); //翻牌速度
	FP.addVariable("pause_time", "2000"); //间隔时间
	FP.addVariable("wait_time", "1000"); //等待时间
	FP.addVariable("pics", fp_pics); //广告图片地址
	FP.addVariable("urls", fp_links); //广告链接地址
	FP.addVariable("def_pic", def_pic); //默认图片地址
	FP.addVariable("def_link", def_link); //默认链接地址
	FP.write("FP_L");
	//-->
	</SCRIPT>
          </TD>
      </TR></TBODY>
</TABLE>

责任编辑：一路狂奔

帐号：
密码：

Google提供的相关资源