两个比较经典的flash图片切换效果
作者:cmscn 日期:2007-04-17
样式一,代码如下:

程序代码
<script type="text/javascript">
var vartext = ""
function addInfo(title,photourl,link){
if(vartext!=""){
vartext+="|||";
}
vartext+=title+"|_|"+photourl+"|_|"+link;
}
addInfo("标题文字1","图片1URL","超链1URL");
addInfo("标题文字2","图片2URL","超链2URL");
addInfo("标题文字3","图片3URL","超链3URL");
addInfo("标题文字4","图片4URL","超链4URL");
addInfo("标题文字5","图片5URL","超链5URL");
//
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="410" height="200" id="01" align="middle">')
document.write('<param name="allowscriptaccess" value="samedomain" />')
document.write('<param name="movie" value="http://yukoogura.117.tofor.com/images/pixviewer2.swf?info='+vartext+'" />')
document.write('<param name="quality" value="high" />')
document.write('<param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" />')
document.write('<embed src="http://yukoogura.117.tofor.com/images/pixviewer2.swf" quality="high" bgcolor="#ffffff" width="410" height="200" name="01" align="middle" allowscriptaccess="samedomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />')
document.write('</object>')
</script>
<script type="text/javascript">
var vartext = ""
function addInfo(title,photourl,link){
if(vartext!=""){
vartext+="|||";
}
vartext+=title+"|_|"+photourl+"|_|"+link;
}
addInfo("标题文字1","图片1URL","超链1URL");
addInfo("标题文字2","图片2URL","超链2URL");
addInfo("标题文字3","图片3URL","超链3URL");
addInfo("标题文字4","图片4URL","超链4URL");
addInfo("标题文字5","图片5URL","超链5URL");
//
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="410" height="200" id="01" align="middle">')
document.write('<param name="allowscriptaccess" value="samedomain" />')
document.write('<param name="movie" value="http://yukoogura.117.tofor.com/images/pixviewer2.swf?info='+vartext+'" />')
document.write('<param name="quality" value="high" />')
document.write('<param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" />')
document.write('<embed src="http://yukoogura.117.tofor.com/images/pixviewer2.swf" quality="high" bgcolor="#ffffff" width="410" height="200" name="01" align="middle" allowscriptaccess="samedomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />')
document.write('</object>')
</script>
样式二,代码如下:

程序代码
<embed pluginspage=http://www.macromedia.com/go/getflashplayer src=http://image2.sina.com.cn/bj/zonghe/pixviewer.swf width=300 height=170 type=application/x-shockwave-flash quality="high" menu="false" FlashVars="pics=图片URL1|图片URL2|图片URL3|图片URL4|图片URL5&links=超链URL1|超链URL2|超链URL3|超链URL4|超链URL5|&texts=文章名字1|文章名字2|文章名字3|文章名字4|文章名字5&borderwidth=300&borderheight=150&textheight=20" bgcolor="#cccccc" wmode="opaque">
<embed pluginspage=http://www.macromedia.com/go/getflashplayer src=http://image2.sina.com.cn/bj/zonghe/pixviewer.swf width=300 height=170 type=application/x-shockwave-flash quality="high" menu="false" FlashVars="pics=图片URL1|图片URL2|图片URL3|图片URL4|图片URL5&links=超链URL1|超链URL2|超链URL3|超链URL4|超链URL5|&texts=文章名字1|文章名字2|文章名字3|文章名字4|文章名字5&borderwidth=300&borderheight=150&textheight=20" bgcolor="#cccccc" wmode="opaque">
解释一下:
pics=图片的地址 改为你的图片地址
links=图片的超链接的地址
texts=图片切换下方的名称
bgcolor="#cccccc" 为背景颜色,可参考颜色代码自行设置
width=300 height=170 此为背景的宽与高,可以自行设置
borderwidth=300 borderheight=150 此为图片切换的宽与高
textheight=20 此为标题区域高度
评论: 8 | 引用: 0 | 查看次数: 4023
发表评论