js和flash结合的图片幻灯片代码(以后会随着学习不断更新的)
2010-05-10 17:36
525 查看
第一种方法:
第二种方法(虽然和第一种方法看着比较类似,但是我还是把它列出了供参考):
<script type="text/javascript">
<!--
var
interval_time=3 ;
var focus_width=148;
var focus_height=178;
var
text_height=22;
var text_mtop = 0;
var text_lm = 0;
var
textmargin = text_mtop+"|"+text_lm;
var textcolor =
"#000000|0xff0000";
var text_align= 'center';
var swf_height =
focus_height+text_height+text_mtop;
var text_size = 12;
var
borderStyle="0|0|0|0";
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="hot_new.swf"> <param name="quality"
value="high"><param name="Wmode" value="transparent">');
document.write('<param
name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param
name="FlashVars"
value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&textmargin='+textmargin+'&textcolor='+textcolor+'&borderstyle='+borderStyle+'&text_align='+text_align+'&interval_time='+interval_time+'&textsize='+text_size+'">');
document.write('<embed
src="hot_new.swf" wmode="opaque"
FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&textmargin='+textmargin+'&textcolor='+textcolor+'&borderstyle='+borderStyle+'&text_align='+text_align+'&interval_time='+interval_time+'&textsize='+text_size+'"
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>');
//-->
</script>
待续……
<script type="text/javascript"><!-- imgUrl1="http://www.webjx.com/img/200406301.jpg"; imgtext1="黑马建站宝典制作素材" imgLink1=escape("http://www.heima123.com/htmldata/sort/8.html"); imgUrl2="http://www.webjx.com/img/200406302.jpg"; imgtext2="黑马建站宝典网页制作专区" imgLink2=escape("http://www.heima123.com/htmldata/sort/3.html"); imgUrl3="http://www.webjx.com/img/200406303.jpg"; imgtext3="黑马建站宝典网页特效专区" imgLink3=escape("http://www.heima123.com/htmldata/sort/5.html"); imgUrl4="http://www.webjx.com/img/200406304.jpg"; imgtext4="黑马建站宝典视频教程" imgLink4=escape("http://www.heima123.com/htmldata/sort/15.html"); imgUrl5="http://www.webjx.com/img/200406305.jpg"; imgtext5="黑马建站宝典网页制作书籍" imgLink5=escape("http://www.heima123.com/htmldata/sort/7.html"); var focus_width=280 var focus_height=158 var text_height=18 var swf_height = focus_height+text_height var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5 var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5 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://www.webjx.com/js/focus.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">'); document.write('<param name="menu" value="false"><param name=wmode value="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://www.webjx.com/htmldata/2005-10-01/pixviewer.swf" mce_src="http://www.webjx.com/htmldata/2005-10-01/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="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>'); // --></script>
第二种方法(虽然和第一种方法看着比较类似,但是我还是把它列出了供参考):
<script type="text/javascript">
<!--
var
interval_time=3 ;
var focus_width=148;
var focus_height=178;
var
text_height=22;
var text_mtop = 0;
var text_lm = 0;
var
textmargin = text_mtop+"|"+text_lm;
var textcolor =
"#000000|0xff0000";
var text_align= 'center';
var swf_height =
focus_height+text_height+text_mtop;
var text_size = 12;
var
borderStyle="0|0|0|0";
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="hot_new.swf"> <param name="quality"
value="high"><param name="Wmode" value="transparent">');
document.write('<param
name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param
name="FlashVars"
value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&textmargin='+textmargin+'&textcolor='+textcolor+'&borderstyle='+borderStyle+'&text_align='+text_align+'&interval_time='+interval_time+'&textsize='+text_size+'">');
document.write('<embed
src="hot_new.swf" wmode="opaque"
FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&textmargin='+textmargin+'&textcolor='+textcolor+'&borderstyle='+borderStyle+'&text_align='+text_align+'&interval_time='+interval_time+'&textsize='+text_size+'"
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>');
//-->
</script>
待续……
相关文章推荐
- JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便!
- JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便!
- 整理JS+FLASH幻灯片播放图片脚本代码
- 各大门户网站Flash和JS实现的图片幻灯片切换特效代码文件下载
- 各大门户网站Flash和JS实现的图片幻灯片切换特效代码文件下载:
- 新闻图片切换代码(纯js,no flash)
- 整理一些经常用到的js代码(一) 不断更新中。。。
- 自定义属性之图片切换实例——代码简化、函数合并——JS学习笔记2015-5-30(第43天)
- JS实现FLASH幻灯片图片切换效果的方法
- JS 学习不断更新
- 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)
- iPhone图片处理代码片段(不断更新)
- SpringMVC学习系列-后记 结合SpringMVC和Hibernate-validator,根据后台验证规则自动生成前台的js验证代码
- js学习总结----不断更新(1)
- 【荐】来自搜狐图片频道JS+flash控制可上下翻页的焦点图代码_网页代码站(www.webdm.cn)
- js实现幻灯片播放图片示例代码
- flash+js的幻灯片效果【代码】
- C#:用WebBrowser获取JS动态加载以后的页面代码并保存图片
- 纯js无flash仿搜狐女人频道FLASH图片切换效果代码
- Flash优秀学习资源下载总汇!(不断更新)