一段JavaScript脚本和w3c标准的兼容

下面是人民网教育频道首页的flash图片幻灯,很酷的效果,但是就是在opera和chrome、火狐等支持W3C标准的浏览器下无法显示。我对JavaScript和W3C所知甚浅,虽然一直找相关的资料来看,还是弄不好这段代码。希望有高手看到了能够指点一下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>flash幻灯</title>
</head>

<body>
<script language="JavaScript" type="text/javascript">
 //<![CDATA[ 
var imagePath=new Array();//图片地址
var linkPath=new Array();//连接地址
var infoText=new Array();//介绍性文字

imagePath.push("http://edu.people.com.cn/mediafile/200905/04/F200905041620135611301191.jpg")
linkPath.push("http://edu.people.com.cn/GB/gaokao/")
infoText.push("北京考生报志愿胜经") 

imagePath.push("http://edu.people.com.cn/mediafile/200904/30/F200904301123252875230631.jpg")
linkPath.push("http://edu.people.com.cn/GB/gaokao/")
infoText.push("全国各地高三年级模拟题大汇总")


imagePath.push("http://edu.people.com.cn/mediafile/200904/28/F200904281625562885029067.jpg")
linkPath.push("http://edu.people.com.cn/GB/gaokao/")
infoText.push("2009中国大学各学科100强")

imagePath.push("http://edu.people.com.cn/mediafile/200904/24/F200904241514133155513124.jpg")
linkPath.push("http://edu.people.com.cn/GB/gaokao/")
infoText.push("教育部考试中心主任戴家干就09高考答问")


imagePath.push("http://edu.people.com.cn/mediafile/200905/06/F200905061006312509514382.jpg")
linkPath.push("http://edu.people.com.cn/GB/gaokao/")
infoText.push("2009年高考志愿填报互动答疑")

var imagePath_str=""
var linkPath_str=""
var infoText_str=""
for(var i=0;i < 5;i++ ){
	imagePath_str += imagePath<span style="text-decoration: line-through;">+"|";
	linkPath_str += linkPath<span style="text-decoration: line-through;">+"|";
	infoText_str += infoText<span style="text-decoration: line-through;">+"|";
}
document.writeln("<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="300" height="275" id="flash2" align="middle">");
document.writeln("<param name="allowScriptAccess" value="sameDomain" />");
document.writeln("<param name="movie" value="http://edu.people.com.cn/css/2007jiaoyu/flash2.swf" />");
document.writeln("<param name="quality" value="high" />");
document.writeln("<param name="bgcolor" value="#ffffff" />");
document.writeln("<param name="FlashVars" value="ppurl="+imagePath_str+"&pplink="+linkPath_str+"&ppfinfo="+infoText_str+"" />");
document.writeln("<embed src="http://edu.people.com.cn/css/2007jiaoyu/flash2.swf" quality="high" bgcolor="#ffffff" width="300" height="275" name="flash2" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />");
document.writeln("</object>");
//]]>
          </script>
</body>
</html>

捣鼓了大半天,突然发现博客首页的幻灯插件和这个幻灯显示的方式是一样的,参照修改了一下就可以兼容chrome、opera和火狐等浏览器了!

修改后代码如下:




flash幻灯

[/html]

点赞 (0)

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据