Javascript照片幻灯片
我想制作一个foto幻灯片，就像本页顶部的幻灯片一样。 我只想用Javascript来实现这一点，没有CSS，没有jQuery。 我试过了，但我做不到，我需要一些帮助，当然不是完整的代码，只是一个有用的建议。 多谢各位 这是我的坏代码Javascript照片幻灯片,javascript,Javascript,我想制作一个foto幻灯片，就像本页顶部的幻灯片一样。 我只想用Javascript来实现这一点，没有CSS，没有jQuery。 我试过了，但我做不到，我需要一些帮助，当然不是完整的代码，只是一个有用的建议。 多谢各位 这是我的坏代码 <!DOCTYPE html> <html> <head> <title></title> <style> #container
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
#container {
position: relative;
width: 1000px;
height: 420px;
overflow: hidden;
}
img {
position: absolute;
top: 0px;
left: 0px;
width: 1000px;
height: 420px;
}
</style>
</head>
<body>
<div id="container">
<img src="our-partners.jpg">
<img src="index.jpg">
<img src="our-taxis.jpg">
<img src="pre-book.jpg">
<img src="join-us.jpg">
<img src="news.jpg">
<img src="contact.jpg">
</div>
<script>
var container = document.getElementById("container");
var imgElems = container.querySelectorAll("img");
var timer = setInterval(f1, 200);
var n = 0;
var i = 0;
function f1() {
var elem = imgElems[i];
elem.style.left = n + "px";
n--;
i++;
if (n === (-1000)) {
n = 0;
}
}
</script>
</body>
</html>
#容器{
位置：相对位置；
宽度：1000px；
高度：420px；
溢出：隐藏；
}
img{
位置：绝对位置；
顶部：0px；
左：0px；
宽度：1000px；
高度：420px；
}
var container=document.getElementById（“容器”）；
var imgElems=container.querySelectorAll（“img”）；
var定时器=设定间隔（f1，200）；
var n=0；
var i=0；
函数f1（）{
var elem=imgElems[i]；
elem.style.left=n+“px”；
n--；
i++；
如果（n==（-1000））{
n=0；
}
}
<script type="text/javascript">
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(2000)
.next()
.fadeIn(2000)
.end()
.appendTo('#slideshow');
}, 3000);
</script>
<div id="slideshow">
<div>
<img src="samsung.jpg" style="width: 490px; height: 250px; border-style:ridge;"/>
</div>
<div>
<img src="intel.jpg" style="width: 490px; height: 250px; border-style:ridge;"/>
</div>
<div>
<img src="snap camera.jpg" style="width: 490px; height: 250px; border-style:ridge;"/>
</div>
<div>
<img src="asus.jpg" style="width: 490px; height: 250px; border-style:ridge;"/>
</div>
<div>
<img src="cam.jpg" style="width: 490px; height: 250px; border-style:ridge;"/>
</div>
</div>
$（“#幻灯片>div:gt（0）”）.hide（）；
setInterval（函数（）{
$（“#幻灯片>分区：第一个”）
.fadeOut（2000年）
.next（）
fadeIn先生（2000年）
(完)
.appendTo（“#幻灯片”）；
}, 3000);
i