初学javascript，弱弱地问一下子
日期：2014-05-16 浏览次数：20313 次
初学javascript，弱弱地问一下~
<html>
<head>
<title> New Document </title>
<style type="text/css">
li
{
position:absolute;
left:100px;
top:150px;
list-style-type:none;
margin:0;
padding:0;
display:none;
}
</style>
<script type="text/javascript">
var i=0,li,t;
li=document.getElementsByTagName("li");
function play()
{
if(i<4)
{
li[i].style.display="inline";
i+=1;
}
else
{
i=0;
li[i].style.display="inline";
}
}
t=setInterval("play()",2000);
</script>
</head>
<body>
<div id="show">
<ul>
<li><a href="article/4" target="_blank"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRj0myyvBBMVtM4sqXBKnLNYwfEv9EfGOp1mn2vxas4Lpa4b94M" width="443" height="209" alt="图片4" /></a></li>
<li><a href="article/2" target="_blank"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcSdY44pur2YQQ9ek1Fm9V5V4wpGvGGtIrUcKsMIZTFOv5rVLeQQRw" width="443" height="209" alt="图片2" /></a></li>
<li><a href="article/1" target="_blank"><img src="http://t2.gstatic.com/images?q=tbn:ANd9GcT39IT4cdjWwixjad6scYdsiFHfyTq0yOYb9KRZ4Phbz9YwfLaY" width="443" height="209" alt="图片1" /></a></li>
<li><a href="article/3" target="_blank"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRSZHZGBY6k62qc2796RDMyrYBEzi8aUXPizNxsZD8rssOWTdcLYA" width="443" height="209" alt="图片3" /></a></li>
</ul>
</div>
</body>
</html>
这段代码有什么错误吗？自己写的。。
------解决方案--------------------
一般提问是这样
我要。。。。。
但是发现。。。。。
所以请问应该。。。。。
------解决方案--------------------
li
{
position:absolute;
left:100px;
被最下那张给覆盖了，要隐藏起来上一张
<html>
<head>
<title> New Document </title>
<style type="text/css">
li
{
position:absolute;
left:100px;
top:150px;
list-style-type:none;
margin:0;
padding:0;
display:none;
}
</style>
<script type="text/javascript">
var i=0,li,t;
li=document.getElementsByTagName("li");
function play()
{
if(i<4)
{
li[i].style.display="inline";
i+=1;
}
else
{
i=0;
li[i].style.display="inline";
}
}
t=setInterval("play()",2000);
</script>
</head>
<body>
<div id="show">
<ul>
<li><a href="article/4" target="_blank"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRj0myyvBBMVtM4sqXBKnLNYwfEv9EfGOp1mn2vxas4Lpa4b94M" width="443" height="209" alt="图片4" /></a></li>
<li><a href="article/2" target="_blank"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcSdY44pur2YQQ9ek1Fm9V5V4wpGvGGtIrUcKsMIZTFOv5rVLeQQRw" width="443" height="209" alt="图片2" /></a></li>
<li><a href="article/1" target="_blank"><img src="http://t2.gstatic.com/images?q=tbn:ANd9GcT39IT4cdjWwixjad6scYdsiFHfyTq0yOYb9KRZ4Phbz9YwfLaY" width="443" height="209" alt="图片1" /></a></li>
<li><a href="article/3" target="_blank"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcRSZHZGBY6k62qc2796RDMyrYBEzi8aUXPizNxsZD8rssOWTdcLYA" width="443" height="209" alt="图片3" /></a></li>
</ul>
</div>
</body>
</html>
这段代码有什么错误吗？自己写的。。
javascript
------解决方案--------------------
一般提问是这样
我要。。。。。
但是发现。。。。。
所以请问应该。。。。。
------解决方案--------------------
li
{
position:absolute;
left:100px;
被最下那张给覆盖了，要隐藏起来上一张
var i=0,li,t;
li=document.getElementsByTagName("li");
function play()
{
if(i<4)
{
if(i>0)li[i-1].style.display="none";
li[i].style.display="inline";
i+=1;
}
else
{
i=0;
li[3].style.display='none'
li[i].style.display="inline";
}
}
t=setInterval("play()",2000);
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
