图片特效

各大门户网站Flash和JS实现的图片幻灯片切换特效代码之二

2007年10月11日 星期四 15:24

<!--

var focus_width=199
var focus_height=242
var text_height=0
var swf_height = focus_height+text_height
var pics='图片地址一|图片地址二|图片地址三|图片地址四|图片地址五'
var links='链接地址一|链接地址二|链接地址三|链接地址四|链接地址五'
var texts='|||'
document.write('<object ID="focus_flash" 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="http://auto.qq.com/flash/playswf.swf"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF">');
document.write('<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/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 ID="focus_flash" src="http://auto.qq.com/flash/playswf.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#C5C5C5" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');   document.write('</object>');

//-->

     以上代码中，用户可以分别指出图片地址，链接地址。

     图片幻灯片切换特效代码二、新浪FLASH广告

     新浪手机频道FLASH广告JS调用代码（带文章标题）

<!--

var focus_width=277
var focus_height=200
var text_height=20
var swf_height = focus_height+text_height

var pics='图片地址一|图片地址二|图片地址三|图片地址四|图片地址五'
var links='链接地址一|链接地址二|链接地址三|链接地址四|链接地址五'
var texts='文字标题一|文字标题二|文字标题三|文字标题四|文字标题五'

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="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
document.write('<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/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="http://image2.sina.com.cn/bj/zonghe/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="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');

//-->

     我们可以看到，新浪手机频道FLASH广告JS调用代码和腾讯汽车频道FLASH广告JS调用代码完全一致，可见门户网站之间也是抄来抄去，技术是没有门户之见的。

     需要注意的是，并不是所有的FLASH广告JS调用代码都是完全一样的，也取决于FLASH文件自身的调用定义，所以如果看到其他好看的FLASH广告形式，千万不要只是保存了FLASH就完事了，花点时间分析一下代码，对自己本身也是一种成长。

     新浪彩信频道FLASH广告JS调用代码（不带文章标题）

<!--

var focus_width=234
var focus_height=135
var text_height=0
var swf_height = focus_height+text_height

var pics='图片地址一|图片地址二|图片地址三|图片地址四|图片地址五'
var links='链接地址一|链接地址二|链接地址三|链接地址四|链接地址五'
var texts='||||||'

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="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">');
document.write('<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/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="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#ffffff" 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>');

//-->

     图片幻灯片切换特效代码三、网易FLASH广告

     网易汽车频道FLASH广告JS调用代码（不带文章标题）

<!--

var focus_width=250;
var focus_height=160;
var pics = "图片地址一|图片地址二|图片地址三|图片地址四|图片地址五|";
var links = "链接地址一|链接地址二|链接地址三|链接地址四|链接地址五|";
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="'+ focus_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://cimg.163.com/auto/main-1.swf"><param name="quality" value="high"><param name="bgcolor" value="#D6D3D6">');
document.write('<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&focus_width='+focus_width+'&focus_height='+focus_height+'">');
document.write('<embed src="http://cimg.163.com/auto/main-1.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&focus_width='+focus_width+'&focus_height='+focus_height+'" menu="false" bgcolor="#D6D3D6" 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>');

//-->

     注意，细心的朋友可以看出网易汽车频道FLASH广告JS调用代码和以上门户网站的区别吗？

     图片幻灯片切换特效代码四、搜狐FLASH广告

     搜狐体育频道FLASH广告JS调用代码（带文章标题）

<!--

var focus_width=240
var focus_height=190
var text_height=21
var swf_height = focus_height+text_height
var pics='图片地址一|图片地址二|图片地址三|图片地址四|图片地址五'
var links='链接地址一|链接地址二|链接地址三|链接地址四|链接地址五'
var texts='文字标题一|文字标题二|文字标题三|文字标题四|文字标题五'
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="http://business.sohu.com/upload/focus.swf"> <param name="quality" value="high"><param name="bgcolor" value="#CCCCCC">');
document.write('<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/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="http://business.sohu.com/upload/focus.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#ffffff" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');   document.write('</object>');

 

告诉你这个图片必须是jpg  -----------------------本人的经验！