我从教程中拿到了这段代码,用于制作JavaScript / jQuery中的自动推进幻灯片,并且在jsfiddle中非常好用。然而,当我将所有内容带到Dreamweaver中时,它似乎就停止工作了。一切都在那里,我已经链接了所有相关文件(.js和.css文件),以及jQuery库。但出于某种原因,它根本无法工作。以下是代码。
HTML部分
CSS(层叠样式表)
HTML部分
<div class="fadeIn">
<img src="image1.png" height="500" width="800"/>
<img src="image2.png" height="500" width="800"/>
<img src="image3.png" height="500" width="800"/>
<img src="image4.png" height="500" width="800"/>
</div>
CSS(层叠样式表)
.fadeIn {
position: relative;
width: 800px;
height: 500px;
}
.fadeIn img {
position: absolute;
left:0;
top:0;
}
The Javascript/jQuery
$(function(){
$('.fadeIn img:gt(0)').hide();
setInterval(function(){
$('.fadeIn :first-child').fadeOut()
.next('img').fadeIn()
.end().appendTo('.fadeIn');
}, 3000);
});
这是标题
<script src="SlideShow.js" type="text/javascript"></script>
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="SlideShow.css">