求助啊，代码放html里可以执行，放js文件里引用就提示缺少对象
<%@LANGUAGE="JAVASCRIPT"CODEPAGE="936"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transi...
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!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=gb2312" />
<title>无标题文档</title>
<style>
#imgs ul,#marks{list-style:none; margin:0; padding:0;}
#roe{width:400px; height:300px; position:relative;}
#marks{position:absolute;z-index:10; right:0; bottom:0;}
#imgs img{width:400px; height:300px;}
#imgs li{float:left;width:400px;height:300px;position:absolute;}
#marks li{ float:left; background:#eee; width:50px; height:25px; border:1px solid #ccc; font-size:12px; font-weight:bold;
text-align:center; line-height:25px; color:#333333;}
</style>
</head>
<body>
<div id="roe">
<ul id="marks">
<li id="0" onMouseOver="tzan(this)" onMouseOut="jxgd(this)">1</li>
<li id="1" onMouseOver="tzan(this)" onMouseOut="jxgd(this)">2</li>
<li id="2" onMouseOver="tzan(this)" onMouseOut="jxgd(this)">3</li>
<li id="3" onMouseOver="tzan(this)" onMouseOut="jxgd(this)">4</li>
<li id="4" onMouseOver="tzan(this)" onMouseOut="jxgd(this)">5</li>
</ul>
<div id="imgs">
<ul>
<li><img src="image/18dc657af674bfd10ad18789.jpg"/></li>
<li><img src="image/51.jpg"/></li>
<li><img src="image/5145_145622_1.jpg"/></li>
<li><img src="image/20080621144805636.jpg"/></li>
<li><img src="image/agz.jpg"/></li>
</ul>
</div>
</div>
</body>
</html>
<script language="javascript">
var id =0; //图片计数器
var sid; //定时器
var imgs=document.getElementById('imgs').getElementsByTagName('li');//所有图片
var marks=document.getElementById('marks').getElementsByTagName('li');//所有按钮
window.onload=function()
{
start(1);
for(var k=0;k<imgs.length;k++)
{
imgs[k].onmouseover=stop; //放在图片上停止更换
imgs[k].onmouseout=start; //离开继续更换
}
}
function start(time)
{
sid= setInterval("roleimg()",time=1000)//执行滚动图片，参数：int time 时间间隔：秒
}
function roleimg()//滚动图片
{
for(var k=0;k<imgs.length;k++)
{
imgs[k].style.zIndex=0; //把全部图片的zIndex属性设为0
marks[k].style.backgroundColor="#eee";
}
imgs[id].style.zIndex=1; //逐个显示图片
marks[id].style.backgroundColor="red";
id++;
if(id==imgs.length)id=0;
}
function tzan(obj)
{
for(var j=0;j<imgs.length;j++)
{
imgs[j].style.zIndex=0; //把全部图片的zIndex属性设为0
marks[j].style.backgroundColor="#eee";
}
imgs[obj.id].style.zIndex=1;
obj.style.backgroundColor="red";
stop();
}
function jxgd(ob)
{
start();
id=ob.id;
}
function stop()
{
clearInterval(sid); //清除sid的值
}
</script>
我放在</html>后的，</body>后也试了，不行 展开
<!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=gb2312" />
<title>无标题文档</title>
<style>
#imgs ul,#marks{list-style:none; margin:0; padding:0;}
#roe{width:400px; height:300px; position:relative;}
#marks{position:absolute;z-index:10; right:0; bottom:0;}
#imgs img{width:400px; height:300px;}
#imgs li{float:left;width:400px;height:300px;position:absolute;}
#marks li{ float:left; background:#eee; width:50px; height:25px; border:1px solid #ccc; font-size:12px; font-weight:bold;
text-align:center; line-height:25px; color:#333333;}
</style>
</head>
<body>
<div id="roe">
<ul id="marks">
<li id="0" onMouseOver="tzan(this)" onMouseOut="jxgd(this)">1</li>
<li id="1" onMouseOver="tzan(this)" onMouseOut="jxgd(this)">2</li>
<li id="2" onMouseOver="tzan(this)" onMouseOut="jxgd(this)">3</li>
<li id="3" onMouseOver="tzan(this)" onMouseOut="jxgd(this)">4</li>
<li id="4" onMouseOver="tzan(this)" onMouseOut="jxgd(this)">5</li>
</ul>
<div id="imgs">
<ul>
<li><img src="image/18dc657af674bfd10ad18789.jpg"/></li>
<li><img src="image/51.jpg"/></li>
<li><img src="image/5145_145622_1.jpg"/></li>
<li><img src="image/20080621144805636.jpg"/></li>
<li><img src="image/agz.jpg"/></li>
</ul>
</div>
</div>
</body>
</html>
<script language="javascript">
var id =0; //图片计数器
var sid; //定时器
var imgs=document.getElementById('imgs').getElementsByTagName('li');//所有图片
var marks=document.getElementById('marks').getElementsByTagName('li');//所有按钮
window.onload=function()
{
start(1);
for(var k=0;k<imgs.length;k++)
{
imgs[k].onmouseover=stop; //放在图片上停止更换
imgs[k].onmouseout=start; //离开继续更换
}
}
function start(time)
{
sid= setInterval("roleimg()",time=1000)//执行滚动图片，参数：int time 时间间隔：秒
}
function roleimg()//滚动图片
{
for(var k=0;k<imgs.length;k++)
{
imgs[k].style.zIndex=0; //把全部图片的zIndex属性设为0
marks[k].style.backgroundColor="#eee";
}
imgs[id].style.zIndex=1; //逐个显示图片
marks[id].style.backgroundColor="red";
id++;
if(id==imgs.length)id=0;
}
function tzan(obj)
{
for(var j=0;j<imgs.length;j++)
{
imgs[j].style.zIndex=0; //把全部图片的zIndex属性设为0
marks[j].style.backgroundColor="#eee";
}
imgs[obj.id].style.zIndex=1;
obj.style.backgroundColor="red";
stop();
}
function jxgd(ob)
{
start();
id=ob.id;
}
function stop()
{
clearInterval(sid); //清除sid的值
}
</script>
我放在</html>后的，</body>后也试了，不行 展开
展开全部
js代码本身没什么问题，我测试了下，JS报错提示缺少imgs对象，同理marks其实也是找不到的，原因是JS外部引用时放的位置不对，你可以把JS引用的位置放在<div id="roe">这个标签后面，JS就不会报错了，如果你放在前面，页面加载时，是先加载JS，然后加载HTML内容，这样在没有加载到<div id="imgs">时，JS是找不到他的，所以提示缺少对象，希望我的回答对你有帮助。。
追问
请教一下怎么引用JS文件啊？
我把放在后面没有运行
追答
你要确保你的JS路径是对的，这里是相对路径
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
确认引用的时候有没放在图片对象的后面，或者你可以放在body标签后面试试。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
放到js文件中，js文件是否是放在末尾，不然找不到html元素
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码没问题，就把JS最后卅
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
