下面是人民网教育频道首页的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[i]+"|";
linkPath_str += linkPath[i]+"|";
infoText_str += infoText[i]+"|";
}
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>运行这段代码可以直接新建一个页面浏览,或者到我的博客这个地方点击运行框直接查看:http://www.zhiwenweb.cn/blogedit.asp?id=871真的很希望看到的高手们有兴趣一起学习讨论!

解决方案 »

  1.   

    这是个flash
    没有标准不标准
    可能是你没装flash插件吧
      

  2.   

    应该说事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 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[i]+"|";
    linkPath_str+=linkPath[i]+"|";
    infoText_str+=infoText[i]+"|";
    }
    document.write('<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.write('<param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://edu.people.com.cn/css/2007jiaoyu/flash2.swf" />');
    document.write('<param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />');
    document.write('<param name="menu" value="false" /><param name=wmode value="opaque" />');
    document.writeln('<param name="FlashVars" value="ppurl='+imagePath_str+'&pplink='+linkPath_str+'&ppfinfo='+infoText_str+'" />');document.write('<embed src="http://edu.people.com.cn/css/2007jiaoyu/flash2.swf" wmode="opaque" FlashVars="ppurl='+imagePath_str+'&pplink='+linkPath_str+'&ppfinfo='+infoText_str+'" menu="false" bgcolor="#ffffff" quality="high" width="300" height="275" allowScriptAccess="sameDomain"       name="flash2" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
    document.write('</object>');
    </script>
    </body>
    </html>运行显示参考:
    http://www.zhiwenweb.cn/article.asp?id=871
    但是还是不知其所以然,高手来详细指点一下是哪些地方不规范