作者ahoo122002 (承讓)
看板Ajax
標題[問題] jQuery圖片轉換
時間Mon Dec 15 10:35:39 2014
最近一直在試jQuery的這個效果,可是一直做不出來
參考了很多網站,但還是無解
請高手幫忙解決,感謝!!
請幫忙我改錯
<script type="text/javascript" src="./jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="./jquery.cycle.lite.js"></script>
<script type="text/javascript" src="./jquery.cycle.all.js"></script>
<HEAD>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.pics').cycle({
fx: 'fade', //特效 speed: 7500,
timeout: 7200,
random: 1
});
}); </script>
</HEAD>
<body>
<style type="text/css">
.pics {
height: 400px;
width: 400px;
padding: 0;
margin: 0;
}
.pics img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 400px;
height: 400px;
top: 0;
left: 0
}
</style>
<div class="pics">
<img src="images/01.jpg" width="400" height="400" >
<img src="images/02.jpg" width="400" height="400" >
<img src="images/03.jpg" width="400" height="400" >
</div>
</body>
--
欲練神功,必先練功~~
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.251.55.7
※ 文章網址: http://www.ptt.cc/bbs/Ajax/M.1418610946.A.F51.html
推 crossdunk: f12有錯誤嗎 12/15 12:12
→ evernever: jquery 那三個 scripts 要包在 <head> 裡吧 12/16 11:59
→ iamnodoubt: 應該是路徑錯誤,你寫的code我隨便貼效果都有出來 12/16 23:24