簡單輪播(1)
路線:
第1步: 將以下程式碼新增到頁面的<HEAD>部分:
<link rel="stylesheet" href="simplecarousel.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="simplecarousel.js">
/* =====================================
** Simole Carousel- by JavaScript Kit (www.javascriptkit.com)
** Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
===================================== */
</script>
<script>
jQuery(function($){ // on DOM load
mycarousel = new simplecarousel({
id: 'mycarousel',
url: 'carouselcontent.htm'
})
})
</script>
下載以下外部檔案並上傳到您的網頁所在的目錄:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69933200/viewspace-2652828/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 簡單輪播(3)
- ViewPager最簡單的無限輪播Viewpager
- 安卓之viewPager簡單用法圖片輪播安卓Viewpager
- 實現簡單的輪播圖(單張圖片、多張圖片)
- web前端入門到實戰:簡單的圖片輪播Web前端
- 利用回撥函式實現簡單的輪播圖效果函式
- Android輪播圖從0到1Android
- jQuery輪播圖之上下輪播jQuery
- 短視訊軟體開發,實現簡單的輪播圖效果
- 輪播圖
- 微信小程式------輪播圖------縱向輪播圖微信小程式
- 文字輪播與圖片輪播?CSS 不在話下CSS
- vue輪播圖Vue
- 無縫輪播
- Flutter輪播圖Flutter
- 簡單多播委託Demo
- HTML+CSS使用swiper快速生成最簡單、最快捷、最易看懂的輪播圖HTMLCSS
- js 輪播圖 (原生)JS
- 微信小程式swiper輪播圖卡死來回瘋狂輪播微信小程式
- 直播平臺製作,ViewPager自動輪播,手指按住停止輪播Viewpager
- 造輪子之圖片輪播元件(swiper)元件
- ViewPage實現輪播圖View
- Banner實現輪播圖
- vue輪播圖外掛Vue
- 自定義view————Banner輪播View
- Axure實現輪播效果
- 圖片輪播--純cssCSS
- Swiper輪播檢視器
- jQuery實現輪播效果jQuery
- js實現輪播圖JS
- BtCarousel輪播元件 - 一款易於使用,定製化的輪播元件元件
- 基於websocket的簡單廣播系統Web
- ServerSocket實現簡單的廣播系統Server
- Android 和 iOS 圖片輪播AndroidiOS
- css實現滾動輪播CSS
- jQuery 網站公告上下輪播jQuery網站
- 用狀態機寫輪播
- 輪播圖(JavaScript定時器)JavaScript定時器