下面图片中的效果是怎么做成的？？

0 0

下面图片中的效果是怎么做成的？？5

这应该是大家经常在网页上看见的效果，像frash一样可以自动播放，听说是由JavaScript做成的，请各位知道的把具体代码发一下！！谢谢！
问题补充：
这应该是大家经常在网页上看见的效果，像frash一样可以自动播放，听说是由JavaScript做成的，请各位知道的把具体代码发一下！！并且加上注释，谢谢！

企业应用

2008年11月14日 12:57

zbs478881191
10
0 0 0

查看图片附件

2个答案按时间排序按投票排序

0 0

这里面用了flash，我想用javascript也可以实现的，点击１，２，３，４。。。显示不同的图片用onclick事件就可以实现，自动播放可以用settimeout,或setinterval来控制。

2008年11月17日 11:09

liumy601
166
0 0 0

添加评论

0 0

大概是这样的：

<!--焦点图开始-->
<script type="text/javascript">
function Flash_JD(id)
{
	imgUrl1="business/index_flash/1.jpg";//图片位置
	imgtext1="1.jpg"//图片说明
	imgLink1=escape("1.jpg");//图片链接
	imgUrl2="business/index_flash/2.jpg";
	imgtext2="2.jpg"
	imgLink2=escape("2.jpg");
	imgUrl3="business/index_flash/3.jpg";
	imgtext3="3.jpg"
	imgLink3=escape("3.jpg");
	imgUrl4="business/index_flash/4.jpg";
	imgtext4="4.jpg"
	imgLink4=escape("4.jpg");
	imgUrl5="business/index_flash/5.jpg";
	imgtext5="5.jpg"
	imgLink5=escape("5.jpg");
	imgUrl6="business/index_flash/6.jpg";
	imgtext6="6.jpg"
	imgLink6=escape("6.jpg");

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

	var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5+"|"+imgUrl6
	var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5+"|"+imgLink6
	var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5+"|"+imgtext6

	var Temp="";
	Temp+='<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 +'">';
	Temp+='<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="business/images/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">';
	Temp+='<param name="menu" value="false"><param name=wmode value="opaque">';
	Temp+='<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">';
	Temp+='<embed src="business/images/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" />';
	Temp+='<\/object>';
	document.getElementById(id).innerHTML=Temp
}
</script>
<!--焦点图结束-->
	<div id="qyxc">
		<script type="text/javascript">
			if (document.getElementById("qyxc")) Flash_JD("qyxc");//开启flash集焦
		</script>
	</div>
</div>

2008年11月14日 13:04