Javascript 尝试使用jquery创建滑块
我正在尝试使用jquery制作一个滑块。我下载了我的滑块的cycle插件，并将其包含在我的文件中。我正在使用7张图片制作滑块。。下面是代码…请告诉我是什么问题Javascript 尝试使用jquery创建滑块,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试使用jquery制作一个滑块。我下载了我的滑块的cycle插件，并将其包含在我的文件中。我正在使用7张图片制作滑块。。下面是代码…请告诉我是什么问题 <!DOCTYPE html> <html> <head> <style> #hero{width:200px;height:220px;display:block;position:relative;margin:auto;border-style:solid;border-color:g
<!DOCTYPE html>
<html>
<head>
<style>
#hero{width:200px;height:220px;display:block;position:relative;margin:auto;border-style:solid;border-color:grey;}
#slider{width:200px;height:200px;display:block;position:absolute;}
#next{display:block;float:right;height:30px;width:30px;position:relative;z-index:99;cursor:pointer;}
#prev{display:block;float:left;height:30px;width:30px;position:relative;z-index:99;cursor:pointer;}
</style>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<script type="text/javascript" src="jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$('#slider').cycle({
fx: 'scrollHorz',
timeout: 2000,
next: '#next',
prev: '#prev'
});
</script>
</head>
<body>
<div id="hero">
<div id="prev">
<img src="right.jpg">
</div>
<div id="next">
<img src="left.jpg">
</div>
<div id="slider">
<div id="1"><img src="1.jpg"></div><br><br>
<div id="2"><img src="2.jpg"></div><br>
<div id="3"><img src="3.jpg"></div><br>
<div id="4"><img src="4.jpg"></div><br>
<div id="5"><img src="5.jpg"></div><br>
<div id="6"><img src="6.jpg"></div><br>
<div id="7"><img src="7.jpg"></div><br>
</div>
</div>
</body>
</html>
#英雄{宽度：200px；高度：220px；显示：块；位置：相对；边距：自动；边框样式：实心；边框颜色：灰色；}
#滑块{宽度：200px；高度：200px；显示：块；位置：绝对；}
#下一个{显示：块；浮点：右；高度：30px；宽度：30px；位置：相对；z索引：99；光标：指针；}
#上一个{显示：块；浮动：左；高度：30px；宽度：30px；位置：相对；z索引：99；光标：指针；}
$（“#滑块”）。循环({
fx:‘滚动人’，
超时时间：2000，
下一个：“#下一个”，
上一页：“#上一页”
});