如题javascript图片切换怎么在表格显示??
各位高手能讲的具体点吗?
各位高手能讲的具体点吗?
解决方案 »
- 为什么在MVC用模板页嵌套的网页 弹出层时页面 ,页面会滚动到最上部?
- js 怎么让文字做 圆周运动
- 紧急求证,有没有getElementByTagName这个函数? (没有那个s)
- 100分 问javascript通过上下方向键选择DIV的LI内容
- document.body.innerHTML 的相关问题
- 新手提问JS
- asp中使用阿信的省市县三级关联菜单传值问题
- 怎样来获取页面滚动后的鼠标位置?
- 各位大侠请接招~~~:从保存到删除的临时文件的问题
- 如何在点击一个checkbox时让form提交的页面改变
- jquery $(this).val()不明白在下例子中指哪个元素??
- 用一个变量,保存动态定义的函数,为何用toString()方法显示这个变量的代码,函数名称不对呢?
<head>
<style type = "text/css">
.a{
width:500px;
height:200px;
border:1px solid;
padding-left:10px;;
padding-top:10px;
}
a{
text-decoration:none;
width:20px;
height:10px;
background-color:orange;
text-align:center
}
</style>
<script language = "javascript">
var num1 = 1;
var num2 = 5;
var timer ;
function Init(d){ if(Number(d)){//如果触动计时器
clearTimeout(timer);
num1 = d;//当前图片显示
}
for(var i =1;i<num2+1;i++){
if(i == num1){
document.getElementById(num1).style.display = "block";//下一张图片显示
document.getElementById("1"+ num1).style.backgroundColor = "blue";
}else{
document.getElementById(i).style.display = "none";//当前图片隐藏
document.getElementById("1"+i).style.backgroundColor = "";
}
}
if(num1 == num2)
num1 = 1;
else
num1++;
timer = setTimeout("Init()",1000)
} </script>
</head>
<body onload = "Init()">
<div class = "a">
<div>
<img src = "topic/image/class1-1.jpg" id = "1">
<img src = "topic/image/class1-2.jpg" style = "display:none" id = "2">
<img src = "topic/image/class1-3.jpg" style = "display:none" id = "3">
<img src = "topic/image/class1-4.jpg" style = "display:none" id = "4">
<img src = "topic/image/class1-5.jpg" style = "display:none" id = "5">
</div>
<div>
<a href = "#" id = "11" onClick = "Init(1)">1</a>
<a href = "#" id = "12" onClick = "Init(2)">2</a>
<a href = "#" id = "13" onClick = "Init(3)">3</a>
<a href = "#" id = "14" onClick = "Init(4)">4</a>
<a href = "#" id = "15" onClick = "Init(5)">5</a>
</div>
</div>
</body>
</html>