社群學習工具庫休閒

繁体中文

jQuery幻燈片相簿簡介

我們平常瀏覽網頁的時候，好多頁面都有那種圖片自動放映的功能，看著很是酷炫，本教學就教大家怎麼利用我們的JQ和JS做出這種效果

提示：本教學引用了JQ庫，本教學的程式碼對於新手來說會用即可，不需要理解程式碼怎麼寫

本教學引用了網路上的CDN，程式碼如下

<script src="//cdn.bootcss.com /jquery/1.8.2/jquery.min.js"></script>

將上面的程式碼加到我們的head標籤中即可成功引用

提示：投影片上面的播放，上一頁，下一頁等等圖示全部都是圖片做出來的

讓我們從下章節開始做出我們投影片放映相簿的效果吧

##

||

新建檔案

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery幻灯片相册</title> </head> <body> <h1>jQuery幻灯片相册</h1> </body> </html>

提交重置程式碼

自動運行

暫無下一節

課程推薦
課件下載

課件暫不提供下載，工作人員正在整理中，後期請多關注該課程~

看過本課程的同學也在學習