|
可以切换flash和gifjpg的javascript脚本 |
|
有网友在论坛里问“旗帜广告随机播放问题 怎么实现.swf和.gif之间的随机调用”。
其实也很简单,按类型输出不同的代码就可以。但是对于初学者来说,不是件容易的事。 有的人用后台语言来实现,但是对于大多数网页爱好者来说,能够用javascript实现是最方便的了。 所以我写了下面的代码,希望可以方便大多数人。 flash可以设置背景颜色和画面质量 gif/jpg可以设置替代文字,可以有无连接图片。 注意: //具体使用方法见代码中的注释。 //把下面的代码copy进你的页面,然后根据注释设置你的banner //Copyright 2001-2002 Writen by flashcat //www.paladinland.com mailto"[email protected]" //don't move theselines if you want to use these codes function high(which2){ theobject=which2 highlighting=setInterval("highlightit(theobject)",50) } function low(which2){ clearInterval(highlighting) which2.filters.alpha.opacity=40 } function highlightit(cur2){ if (cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=8 else if (window.highlighting) clearInterval(highlighting) } var baseUrl="/images/ad/" //这里是你存放banner的地方,如果你使用其他站的banner,在ad_src的设置处去掉baseUrl+即可,然后直接写"http://...." var flashinsertcode1="<object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 width=468 height=60>" var flashinsertcode2="pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash type=application/x-shockwave-flash width=468 height=60 bgcolor=" var ad_type=new Array(); var ad_src=new Array(); var ad_bgcolor=new Array(); var ad_quality=new Array(); var ad_light=new Array(); var ad_link=new Array() ; var ad_alt=new Array() ; ad_type[0]="flash"; ad_src[0]=baseUrl+"test.swf"; ad_bgcolor[0]="#ffffff"; ad_quality[0]="high"; ad_type[1]="flash"; ad_src[1]=baseUrl+"test.swf"; ad_bgcolor[1]="#ffffff"; ad_quality[1]="high"; ad_type[2]="flash"; ad_src[2]=baseUrl+"test.swf"; ad_bgcolor[2]="#ffffff"; ad_quality[2]="high"; ad_type[3]="flash"; ad_src[3]=baseUrl+"test.swf"; ad_bgcolor[3]="#ffffff"; ad_quality[3]="high"; //注意flash和图片的代码不同,要严格按照我的格式写,flash可以设置背景颜色,留空就是本来颜色,还可以控制画面质量 ad_type[4]="pic"; ad_light[4]=baseUrl+"fw3.gif"; ad_link[4]="/download/detail.asp?id=1"; ad_alt[4]="fireworks中文帮助打包下载"; ad_type[5]="pic"; ad_light[5]=baseUrl+"lilycat2.gif"; ad_link[5]="/download/detail.asp?id=142"; ad_alt[5]="免费下载《小资女人有点烦-Lilycat 专题集》"; ad_type[6]="pic"; ad_light[6]="http://211.99.196.145/newmedia/image/banner.gif"; ad_link[6]="http://211.99.196.145/newmedia/index.htm"; ad_alt[6]="2001网络新媒体技术暨艺术设计研讨会即将召开"; ad_type[7]="pic"; ad_light[7]=baseUrl+"onlylogo.gif"; ad_link[7]="http://onlylogo.myetang.com"; ad_alt[7]="onlylogo"; var num = Math.floor(Math.random() * 8) //这里设置最大banner数 if (num == 0) num = 0 if (num > 7.5) num = 7 //choose banner type if (ad_type[num]=="flash") { document.write(flashinsertcode1+'<param name=movie value='+ad_src[num]+'><param name=quality value='+ad_quality[num]+' ><param name=BGCOLOR value='+ad_bgcolor[num]) document.write('><embed src='+ad_src[num]+' quality='+ad_quality[num]+flashinsertcode2+ad_bgcolor[num]+'></embed></object>') } else{ if (ad_link[num]!=""){ document.write('<a href='+ad_link[num]+' target=_blank><img src='+ad_light[num]+' width=468 height=60 border=0 alt='+ad_alt[num]+' style="FILTER: alpha(opacity=40)" onmouseout=low(this) onmouseover=high(this)></a>') } else { document.write('<img src='+ad_light[num]+' width=468 height=60 border=0 alt='+ad_alt[num]+' style="FILTER: alpha(opacity=40)" onmouseout=low(this) onmouseover=high(this) >') } } |