<body>中的代码:<body OnLoad="setOB();focus();" onkeydown="controlByKey(event)">
<div id="imageFlow">
<div class="top">
<div class="bank">
??????????????????
</div>
</div>
<div class="text">
<div class="title">Loading</div>
<div class="legend">Please wait...</div>
</div>
<div class="scrollbar">
<img class="track" src="images/sb.gif" alt="">
<img id="left" class="arrow-left" src="images/sl.gif" alt="">
<img id="right" class="arrow-right" src="images/sr.gif" alt="">
<img class="bar" src="images/sc.gif" alt="">
</div>
</div>
</body>
/////////////////////////////////
<style>代码:<style type="text/css">
html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
background: #000;
width: 100%;
height: 100%;
}
#imageFlow {
position: absolute;
width: 100%;
height: 80%;
left: 0%;
top: 10%;
background: #000;
}
#imageFlow .diapo {
position: absolute;
left: -1000px;
cursor: pointer;
-ms-interpolation-mode: nearest-neighbor;
}
#imageFlow .link {
border: dotted #fff 1px;
margin-left: -1px;
margin-bottom: -1px;
}
#imageFlow .bank {
font-size:36px;
visibility: hidden;
FILTER: Alpha(Opacity=100,Finishopacity=0,Style=1,Startx=100,Starty=100,Finishx=0,Finishy=0);
}
#imageFlow .top {
position: absolute;
width: 100%;
height: 40%;
background:#000000;
}
#imageFlow .text {
position: absolute;
left: 0px;
width: 100%;
bottom: 16%;
text-align: center;
color: #FFF;
font-family: verdana, arial, Helvetica, sans-serif;
z-index: 1000;
}
#imageFlow .title {
font-size: 0.9em;
font-weight: bold;
}
#imageFlow .legend {
font-size: 0.8em;
}
#imageFlow .scrollbar {
position: absolute;
left: 10%;
bottom: 10%;
width: 80%;
height: 16px;
z-index: 1000;
}
#imageFlow .track {
position: absolute;
left: 1%;
width: 98%;
height: 16px;
filter: alpha(opacity=30);
opacity: 0.3;
}
#imageFlow .arrow-left {
position: absolute;
}
#imageFlow .arrow-right {
position: absolute;
right: 0px;
}
#imageFlow .bar {
position: absolute;
height: 16px;
left: 25px;
}
</style>////////////////////////////////////////
js解析xml代码:<script language="javascript" type="text/javascript">
function NewInfoAction()
{
// alert("此程序运行了");
var dom;
var type=1;
var data = new Array();
if(navigator.userAgent.indexOf("MSIE")>0)
{
// alert("IE处运行了");
dom = new ActiveXObject("Microsoft.XMLDOM");
dom.async = false;
dom.load("NewInfo.xml");
window.alert('IE');
}
else if(isFirefox=navigator.userAgent.indexOf("Firefox") > 0)
{
alert("FF处运行了");
type=2;
dom = document.implementation.createDocument("", "", null);
dom.async = false;
dom.load("NewInfo.xml");
}
else
{
window.alert('暂不识别该浏览器!');
return;
}
if(dom)
{
var node;
if(type == 1)
{
node = dom.documentElement.childNodes;
for(var i=0;i<node.length;i++)
{
var title = node[i].childNodes[0].text; //取出i行中的字段的值,大家这样理解更方便
var content = node[i].childNodes[1].text;
var date = node[i].childNodes[2].text;
data.push({title:title,content:content,date:date}); //在这里,我们使用使用json,把数据库存储在里面
}
}
else
{
var node = dom.getElementsByTagName("News");
for(var i=0;i<node.length;i++)
{
var value = dom.getElementsByTagName("News")[i].textContent.split('\n');
var id = value[1];
var url = value[2];
var href = value[3];
var name = value[4];
// alert("此程序运行中");
// alert(value[2]);
data.push({id:id,url:url,href:href,name:name}); //在这里,我们使用使用json,把数据库存储在里面
}
}
}
else
{
window.alert("dom对象为空,失败了!");
return;
}
if(data.length != 0)
{
var shtml = '';
for(var i=0;i<data.length;i++)
{
// shtml+='<tr id="id_key" onMouseOver="key_showMovie()" onMouseOut="key_hiddenMovie()">';
shtml += '<a id="';
shtml += data[i].id;
shtml += '"';
shtml += '  rel="';
shtml += data[i].url;
shtml += '" title=" "';
shtml += '  href="';
shtml += data[i].href;
shtml += '">';
// shtml += '';
shtml += data[i].name;
shtml += '</a>';
// shtml+='</tr>'; //添加的横条
}
document.getElementById('textDiv').innerHTML = shtml;
}
else
{
document.getElementById('textDiv').innerHTML = '没有信息!';
}
}
</script>
//////////////////////
xml 文件是:<?xml version="1.0" encoding="gb2312" ?>
<NewInfo>
<News>
<Id>a_1</Id>
<Url>images/desktop_Tb-AnZhuangXZ-y.png</Url>
<Href>#</Href>
<Name>升级</Name>
</News>
<News>
<Id>a_2</Id>
<Url>images/02.png</Url>
<Href>#</Href>
<Name>安装卸载</Name>
</News>
<News>
<Id>a_3</Id>
<Url>images/desktop_Tb-SheZhi-y.png</Url>
<Href>#</Href>
<Name>设置</Name>
</News>
<News>
<Id>a_4</Id>
<Url>images/desktop_Tb-XiaZai-y.png</Url>
<Href>#</Href>
<Name>下载</Name>
</News>
<News>
<Id>a_5</Id>
<Url>images/desktop_Tb-TianQiYB-y.png</Url>
<Href>#</Href>
<Name>天气预报</Name>
</News>
<News>
<Id>a_6</Id>
<Url>images/desktop_Tb-BoFang-y.png</Url>
<Href>filemanager/movie.html</Href>
<Name>播放</Name>
</News>
<News>
<Id>a_7</Id>
<Url>images/desktop_Tb-YouXi-y.png</Url>
<Href>#</Href>
<Name>游戏</Name>
</News>
<News>
<Id>a_8</Id>
<Url>images/desktop_Tb-XuFei-y.png</Url>
<Href>#</Href>
<Name>续费</Name>
</News>
<News>
<Id>a_9</Id>
<Url>images/desktop_Tb-dianshiju-y.png</Url>
<Href>#</Href>
<Name>电视剧</Name>
</News>
<News>
<Id>a_10</Id>
<Url>images/desktop_Tb-WenJianGL-y.png</Url>
<Href>#</Href>
<Name>文件管理</Name>
</News>
<News>
<Id>a_11</Id>
<Url>images/desktop_Tb-zongyi-y.png</Url>
<Href>#</Href>
<Name>综艺</Name>
</News>
</NewInfo>///////////////////////我想要的效果是想吧解析后的信息呈现在????????的位置
在FF下
<div id="imageFlow">
<div class="top">
<div class="bank">
??????????????????
</div>
</div>
<div class="text">
<div class="title">Loading</div>
<div class="legend">Please wait...</div>
</div>
<div class="scrollbar">
<img class="track" src="images/sb.gif" alt="">
<img id="left" class="arrow-left" src="images/sl.gif" alt="">
<img id="right" class="arrow-right" src="images/sr.gif" alt="">
<img class="bar" src="images/sc.gif" alt="">
</div>
</div>
</body>
/////////////////////////////////
<style>代码:<style type="text/css">
html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
background: #000;
width: 100%;
height: 100%;
}
#imageFlow {
position: absolute;
width: 100%;
height: 80%;
left: 0%;
top: 10%;
background: #000;
}
#imageFlow .diapo {
position: absolute;
left: -1000px;
cursor: pointer;
-ms-interpolation-mode: nearest-neighbor;
}
#imageFlow .link {
border: dotted #fff 1px;
margin-left: -1px;
margin-bottom: -1px;
}
#imageFlow .bank {
font-size:36px;
visibility: hidden;
FILTER: Alpha(Opacity=100,Finishopacity=0,Style=1,Startx=100,Starty=100,Finishx=0,Finishy=0);
}
#imageFlow .top {
position: absolute;
width: 100%;
height: 40%;
background:#000000;
}
#imageFlow .text {
position: absolute;
left: 0px;
width: 100%;
bottom: 16%;
text-align: center;
color: #FFF;
font-family: verdana, arial, Helvetica, sans-serif;
z-index: 1000;
}
#imageFlow .title {
font-size: 0.9em;
font-weight: bold;
}
#imageFlow .legend {
font-size: 0.8em;
}
#imageFlow .scrollbar {
position: absolute;
left: 10%;
bottom: 10%;
width: 80%;
height: 16px;
z-index: 1000;
}
#imageFlow .track {
position: absolute;
left: 1%;
width: 98%;
height: 16px;
filter: alpha(opacity=30);
opacity: 0.3;
}
#imageFlow .arrow-left {
position: absolute;
}
#imageFlow .arrow-right {
position: absolute;
right: 0px;
}
#imageFlow .bar {
position: absolute;
height: 16px;
left: 25px;
}
</style>////////////////////////////////////////
js解析xml代码:<script language="javascript" type="text/javascript">
function NewInfoAction()
{
// alert("此程序运行了");
var dom;
var type=1;
var data = new Array();
if(navigator.userAgent.indexOf("MSIE")>0)
{
// alert("IE处运行了");
dom = new ActiveXObject("Microsoft.XMLDOM");
dom.async = false;
dom.load("NewInfo.xml");
window.alert('IE');
}
else if(isFirefox=navigator.userAgent.indexOf("Firefox") > 0)
{
alert("FF处运行了");
type=2;
dom = document.implementation.createDocument("", "", null);
dom.async = false;
dom.load("NewInfo.xml");
}
else
{
window.alert('暂不识别该浏览器!');
return;
}
if(dom)
{
var node;
if(type == 1)
{
node = dom.documentElement.childNodes;
for(var i=0;i<node.length;i++)
{
var title = node[i].childNodes[0].text; //取出i行中的字段的值,大家这样理解更方便
var content = node[i].childNodes[1].text;
var date = node[i].childNodes[2].text;
data.push({title:title,content:content,date:date}); //在这里,我们使用使用json,把数据库存储在里面
}
}
else
{
var node = dom.getElementsByTagName("News");
for(var i=0;i<node.length;i++)
{
var value = dom.getElementsByTagName("News")[i].textContent.split('\n');
var id = value[1];
var url = value[2];
var href = value[3];
var name = value[4];
// alert("此程序运行中");
// alert(value[2]);
data.push({id:id,url:url,href:href,name:name}); //在这里,我们使用使用json,把数据库存储在里面
}
}
}
else
{
window.alert("dom对象为空,失败了!");
return;
}
if(data.length != 0)
{
var shtml = '';
for(var i=0;i<data.length;i++)
{
// shtml+='<tr id="id_key" onMouseOver="key_showMovie()" onMouseOut="key_hiddenMovie()">';
shtml += '<a id="';
shtml += data[i].id;
shtml += '"';
shtml += '  rel="';
shtml += data[i].url;
shtml += '" title=" "';
shtml += '  href="';
shtml += data[i].href;
shtml += '">';
// shtml += '';
shtml += data[i].name;
shtml += '</a>';
// shtml+='</tr>'; //添加的横条
}
document.getElementById('textDiv').innerHTML = shtml;
}
else
{
document.getElementById('textDiv').innerHTML = '没有信息!';
}
}
</script>
//////////////////////
xml 文件是:<?xml version="1.0" encoding="gb2312" ?>
<NewInfo>
<News>
<Id>a_1</Id>
<Url>images/desktop_Tb-AnZhuangXZ-y.png</Url>
<Href>#</Href>
<Name>升级</Name>
</News>
<News>
<Id>a_2</Id>
<Url>images/02.png</Url>
<Href>#</Href>
<Name>安装卸载</Name>
</News>
<News>
<Id>a_3</Id>
<Url>images/desktop_Tb-SheZhi-y.png</Url>
<Href>#</Href>
<Name>设置</Name>
</News>
<News>
<Id>a_4</Id>
<Url>images/desktop_Tb-XiaZai-y.png</Url>
<Href>#</Href>
<Name>下载</Name>
</News>
<News>
<Id>a_5</Id>
<Url>images/desktop_Tb-TianQiYB-y.png</Url>
<Href>#</Href>
<Name>天气预报</Name>
</News>
<News>
<Id>a_6</Id>
<Url>images/desktop_Tb-BoFang-y.png</Url>
<Href>filemanager/movie.html</Href>
<Name>播放</Name>
</News>
<News>
<Id>a_7</Id>
<Url>images/desktop_Tb-YouXi-y.png</Url>
<Href>#</Href>
<Name>游戏</Name>
</News>
<News>
<Id>a_8</Id>
<Url>images/desktop_Tb-XuFei-y.png</Url>
<Href>#</Href>
<Name>续费</Name>
</News>
<News>
<Id>a_9</Id>
<Url>images/desktop_Tb-dianshiju-y.png</Url>
<Href>#</Href>
<Name>电视剧</Name>
</News>
<News>
<Id>a_10</Id>
<Url>images/desktop_Tb-WenJianGL-y.png</Url>
<Href>#</Href>
<Name>文件管理</Name>
</News>
<News>
<Id>a_11</Id>
<Url>images/desktop_Tb-zongyi-y.png</Url>
<Href>#</Href>
<Name>综艺</Name>
</News>
</NewInfo>///////////////////////我想要的效果是想吧解析后的信息呈现在????????的位置
在FF下
看是否有你所插得值第二:在js里 alert打印 看是否能执行完js方法第三:在你js里所用的方法
重点查看在判断ff浏览器里的代码
在百度里查下 是否支持ff
不支持是否有别的方法代替 替换就行
css的也一样
function NewInfoAction()
{
var xmlDom; //XML DOM object
var xmlFile="NewInfo.xml"; //xml file name
var ieFlag="ie"; //default
//----------------------------start: create XML Dom-----------------------------------------
if (window.ActiveXObject){ //for MS IE
var axlist=new Array("MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument","Microsoft.XMLDOM","MSXML.DOMDocument");
for(var h=0;h<axlist.length;h++)
{
try{
xmlDom=new ActiveXObject(axlist[h]);
}catch(e){
continue;
}
if(xmlDom) break;
}
xmlDom.async=false;
xmlDom.load(xmlFile);
ieFlag="ie";
}else if(document.implementation && document.implementation.createDocument){ //other IE
xmlDom=document.implementation.createDocument("","",null);
xmlDom.async=false;
xmlDom.load(xmlFile);
ieFlag="other";
}else{
alert("Can not create XML DOM Document object in your IE.\nMaybe use Microsoft or FireFox or Netscape IE will better.");
}
//----------------------------End: create XML Dom-----------------------------------------
//----------------------------start: read XML Dom-----------------------------------------
var strHTML="";
var aID,aPic,aHref,aText;if(ieFlag=="ie"){ //MS IE
var newsList1=xmlDom.documentElement.getElementsByTagName("News");
for(var i=0;i<newsList1.length;i++){
try{
aID=newsList1[i].childNodes[0].text;
aPic=newsList1[i].childNodes[1].text;
aHref=newsList1[i].childNodes[2].text;
aText=newsList1[i].childNodes[3].text;
strHTML+="<a id=\""+aID+"\" rel=\""+aPic+"\" title=\""+aText+"\" href=\""+aHref+"\">"+aText+"</a>";
}catch(e){ }
}
}if(ieFlag=="other"){//NOT MS IE
var newsList2=xmlDom.getElementsByTagName("News");
for(var j=0;j<newsList2.length;j++){
try{
aID=newsList2[j].getElementsByTagName("Id")[0].childNodes[0].nodeValue;
aPic=newsList2[j].getElementsByTagName("Url")[0].childNodes[0].nodeValue;
aHref=newsList2[j].getElementsByTagName("Href")[0].childNodes[0].nodeValue;
aText=newsList2[j].getElementsByTagName("Name")[0].childNodes[0].nodeValue;
strHTML+="<a id=\""+aID+"\" rel=\""+aPic+"\" title=\""+aText+"\" href=\""+aHref+"\">"+aText+"</a>";
}catch(e2){}
}
}
document.getElementById("textDiv").innerHTML=strHTML;
//----------------------------end: read XML Dom-------------------------------------------
}
<div id="textDiv" class="bank">...</div>有分不.... :)