您的位置:首页 > Web前端 > JavaScript

js和flash结合的图片幻灯片代码(以后会随着学习不断更新的)

2010-05-10 17:36 525 查看
第一种方法:

<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>

待续……
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: