嘗試使用jQuery制作滑塊
[英]trying to make slider using jquery
問題描述
我正在嘗試使用jquery制作一個滑塊。.我為我的滑塊下載了循環插件，並將其也包含在我的文件中...我為滑塊使用了7 pic ..下面是代碼...請告訴我是什么問題
<!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>
1 個解決方案
解決方案1
1 已采納 2014-04-27 21:29:40
您是否嘗試過更改插件的位置？ <script type="text/javascript" src="jquery-2.1.0.min.js"></script>不應<script type="text/javascript" src="jquery-2.1.0.min.js"></script> <script type="text/javascript" src="jquery.cycle.all.js"></script>嗎？
如何使用jQuery使滑塊自動滾動
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.