jquery图片轮播js效果为什么没用呢？

<!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=utf-8" />
<title>无标题文档</title>
<script>
var index=0;
var Play;
$(".button li").mouseover(function(){
clearlnterval(Play);
index=$(this).index();
//alert(index);
$(this).addClass("hover").siblings().removeClass("hover");
$(".flash img").eq(index).show().siblings("img").hide();
}).mouseout(function(){
autoPlay();
});

function autoPlay(){
Play=setlnterval(function(){
index++;
if(index>3){
index=1;
}
else{
$(".button li").eq(index).addClass("hover").siblings().removeClass("hover");
$(".flash img").eq(index).show().siblings("img").hide();
}
},2000);
}

autoPlay();
</script>
<style type="text/css">
.flash{
width:990px;
height:300px;
overflow:hidden;
background:#663366;
margin:auto;
/*border:2px solid red;*/
position:relative;
}
.flash ul{
width:60px;
height:12px;
background:#0CF;
padding:5px 25px;
border-radius:14px;
position:absolute;
top:260px;
left:465px;
}
.flash ul li{
width:10px;
height:10px;
border:1px solid #fff;
float:left;
color:#fff;
list-style-type:none;
margin-right:3px;
border-radius:5px;
}
.flash ul li.hover{
background:#fff;
}
</style>

</head>
<body>
<div class="flash">
<img src="images/990X300_1.jpg" width="990" height="300" />
<img src="images/990X300_2.jpg" width="990" height="300" />
<img src="images/990X300_3.jpg" width="990" height="300" />
<img src="images/990X300_4.jpg" width="990" height="300" />

<ul class="button">
<li class="hover"></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

</body>
</html>

举报该问题

其他回答

第1个回答 2015-08-05

整个代码里面并没有看到你引入 jquery.js文件，jquery代码当然执行不了了。
个人建议下载 firefox 浏览器，添加上firebug 用来调试，很容易找到错误的地方。

第2个回答 2015-08-05

话说你都没有加载jQuery.js 怎么能用jQuery的语法？你的autoPlay函数写的也有问题。网上轮播图很多的，你可以弄一个例子好好解剖下，了解下原理追问

加这一句是吗？

第3个回答 2015-08-05

你没有引入 jquery 库文件，你可以上网艘一下，下个最新版吧，下载完后引入即可

<script type="text/javascript" src="js/jquery.js"></script>本回答被提问者采纳

第4个回答 2015-08-05

没有加载源啊追问

我是新手，能不能告诉我还应该加什么呢

追答

jquery.min.js

相似回答

大家正在搜