如何在JS滚动图片中加箭头
我才学网页不久，现在想在JS滚动图片里加上可以点的左右箭头，请问该怎么加<!DOCTYPEhtml><html><head><metacharset="UTF-8"><t...
我才学网页不久，现在想在JS滚动图片里加上可以点的左右箭头，请问该怎么加<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> img{ width:400px; border: 1px solid #ff1943; } </style> </head> <body> <img src="../img/1.jpg"> <script> var mying=new Array("1.jpg","2.jpg","3.jpg"); var i=0; var tupian=document.getElementsByTagName("img")[0] setInterval("changeimg()",2000) function changeimg() { tupian.setAttribute("src","../img/"+mying[i++]); if(i==mying.length)i=0; } </script> </body></html>
才学网页不久，现在想在JS滚动图片里加上可以点的左右箭头，请问该怎么加
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
img{
width:400px;
border: 1px solid #ff1943;
}
</style>
</head>
<body>
<img src="../img/1.jpg">
<script>
var mying=new Array("1.jpg","2.jpg","3.jpg");
var i=0;
var tupian=document.getElementsByTagName("img")[0]
setInterval("changeimg()",2000)
function changeimg()
{
tupian.setAttribute("src","../img/"+mying[i++]);
if(i==mying.length)i=0;
}
</script>
</body>
</html> 展开
才学网页不久，现在想在JS滚动图片里加上可以点的左右箭头，请问该怎么加
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
img{
width:400px;
border: 1px solid #ff1943;
}
</style>
</head>
<body>
<img src="../img/1.jpg">
<script>
var mying=new Array("1.jpg","2.jpg","3.jpg");
var i=0;
var tupian=document.getElementsByTagName("img")[0]
setInterval("changeimg()",2000)
function changeimg()
{
tupian.setAttribute("src","../img/"+mying[i++]);
if(i==mying.length)i=0;
}
</script>
</body>
</html> 展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
img{
width:400px;
border: 1px solid #ff1943;
}
#wrap>*{
float:left;
}
#wrap>a{
text-decoration:none;
}
</style>
</head>
<body>
<div id="wrap">
<a href="###" onclick="lef()">
<<
</a>
<img src="../img/1.jpg">
<a href="###" onclick="rig()">
>>
</a>
</div>
<script>
var mying=["1.jpg","2.jpg","3.jpg"];
var i=0;
var tupian=document.getElementsByTagName("img")[0];
var inte=setInterval("changeimg()",2000);
function changeimg()
{
tupian.src="../img/"+mying[i++];
if(i==mying.length) {i=0;}
}
wrap.onmouseenter=function(){
clearInterval(inte);
}
wrap.onmouseleave=function(){
inte=setInterval("changeimg()",2000);
}
var lef=function(){
--i;
i=i<0?mying.length-1:i;
tupian.src="../img/"+mying[i];
}
var rig=function(){
++i;
i=i>mying.length-1?0:i;
tupian.src="../img/"+mying[i];
}
</script>
</body>
</html>
追问
大佬您看能不能做成类似于这种箭头的呢，谢谢
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
