JS图片切换。带有数字 要JS
3个回答
展开全部
<!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 type="text/css">
a{
cursor:pointer;
}
</style>
<div id="userID">
<script type="text/javascript">
var img1="<img src='images/1.jpg' />";
var img2="<img src='images/2.jpg' />";
var img3="<img src='images/3.jpg' />";
var img4="<img src='images/4.jpg' />";
var arrays=[img1,img2,img3,img4];
//document.writeln(arrays[0]);
var i=0;
function picture(){
document.getElementById("imgId").innerHTML=arrays[i];
i++;
if(i==4)
{
i=0;
}
}
setInterval("picture()",2000);
//document.bgColor="#46768";
</script>
</div>
</head>
<body>
<script type="text/javascript">
function out(i){
document.getElementById("imgId").innerHTML=arrays[i];
}
</script>
<div style="position:absolute;top:220px;left:180px">
<a onclick="out(0)"> 一 </a>
<a onclick="out(1)"> 二 </a>
<a onclick="out(2)"> 三 </a>
<a onclick="out(3)"> 四 </a>
</div>
<div id="imgId">"<img src='images/1.jpg' /></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片切换练习</title>
<style type="text/css">
a{
cursor:pointer;
}
</style>
<div id="userID">
<script type="text/javascript">
var img1="<img src='images/1.jpg' />";
var img2="<img src='images/2.jpg' />";
var img3="<img src='images/3.jpg' />";
var img4="<img src='images/4.jpg' />";
var arrays=[img1,img2,img3,img4];
//document.writeln(arrays[0]);
var i=0;
function picture(){
document.getElementById("imgId").innerHTML=arrays[i];
i++;
if(i==4)
{
i=0;
}
}
setInterval("picture()",2000);
//document.bgColor="#46768";
</script>
</div>
</head>
<body>
<script type="text/javascript">
function out(i){
document.getElementById("imgId").innerHTML=arrays[i];
}
</script>
<div style="position:absolute;top:220px;left:180px">
<a onclick="out(0)"> 一 </a>
<a onclick="out(1)"> 二 </a>
<a onclick="out(2)"> 三 </a>
<a onclick="out(3)"> 四 </a>
</div>
<div id="imgId">"<img src='images/1.jpg' /></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片，不点就会自动换
里面有教程和源码
有12345数字一起切换
鼠标点一下数字会变换到另一张图片，不点就会自动换
里面有教程和源码
参考资料： http://www.blueidea.com/common/shoutbox/redir.asp?9=p&id=10895
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
有小图大图一起切换
里面有教程和源码
里面有教程和源码
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
