簡單輪播(3)
設定資訊
如上所述,簡單輪播的標記有兩個部分,首先是您新增到頁面的外部容器:
<div class =“carousel”id =“ mycarousel ”><div class =“belt”>//通過ajax獲取的實際輪播內容並插入此處</ DIV></ DIV>
為主DIV元素提供唯一但任意的ID值,用於在步驟1的初始化程式碼中標識它。應保留CSS類名。
在內部DIV“
belt
”
內部
是旋轉木馬的外部內容在被取出後插入的位置。
標記的第二部分是對於輪播內容本身,應該在外部檔案中定義,預設為
carouselcontent.htm
。
這個標記的結構應該是一系列帶有CSS類“
content
”
的DIV元素
:
<div class =“ content ”><a href="http://www.imdb.com/title/tt1877832/"> <img src =“xmen.jpg”/> </a>X戰警</ DIV><div class =“ content ”><a href="http://www.imdb.com/title/tt0103064/"> <img src =“terminator2.jpg”/> </a>終結者2</ DIV>“
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69933200/viewspace-2652857/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 簡單輪播(1)
- ViewPager最簡單的無限輪播Viewpager
- 安卓之viewPager簡單用法圖片輪播安卓Viewpager
- 實現簡單的輪播圖(單張圖片、多張圖片)
- web前端入門到實戰:簡單的圖片輪播Web前端
- 利用回撥函式實現簡單的輪播圖效果函式
- vue3 使用swiper輪播元件Vue元件
- jQuery輪播圖之上下輪播jQuery
- 短視訊軟體開發,實現簡單的輪播圖效果
- 輪播圖
- 微信小程式------輪播圖------縱向輪播圖微信小程式
- 文字輪播與圖片輪播?CSS 不在話下CSS
- vue輪播圖Vue
- 無縫輪播
- Flutter輪播圖Flutter
- 藉助 :has 實現3d輪播圖3D
- Luffy /3/ 前臺主頁搭建&輪播圖介面
- HTML+CSS使用swiper快速生成最簡單、最快捷、最易看懂的輪播圖HTMLCSS
- 簡單多播委託Demo
- jQuery實現3D圖片輪播詳解jQuery3D
- js 輪播圖 (原生)JS
- 微信小程式swiper輪播圖卡死來回瘋狂輪播微信小程式
- 直播平臺製作,ViewPager自動輪播,手指按住停止輪播Viewpager
- 微信小程式實現類3D輪播圖微信小程式3D
- 微信小程式技術點 -- 3D輪播圖微信小程式3D
- 造輪子之圖片輪播元件(swiper)元件
- ViewPage實現輪播圖View
- Banner實現輪播圖
- vue輪播圖外掛Vue
- 自定義view————Banner輪播View
- Axure實現輪播效果
- 圖片輪播--純cssCSS
- Swiper輪播檢視器
- jQuery實現輪播效果jQuery
- js實現輪播圖JS
- BtCarousel輪播元件 - 一款易於使用,定製化的輪播元件元件
- 基於websocket的簡單廣播系統Web
- ServerSocket實現簡單的廣播系統Server