新聞中心
介紹一款使用簡單,支持自定義樣式并且靈活健壯的jQuery旋轉(zhuǎn)輪播插件:CarouFredSel,能夠幫助你迅速的構(gòu)建一個輪播式的幻燈展示,使用簡單,功能強大,希望大家喜歡!

創(chuàng)新互聯(lián)建站專注于中大型企業(yè)的成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)和網(wǎng)站改版、網(wǎng)站營銷服務(wù),追求商業(yè)策劃與數(shù)據(jù)分析、創(chuàng)意藝術(shù)與技術(shù)開發(fā)的融合,累計客戶上千多家,服務(wù)滿意度達97%。幫助廣大客戶順利對接上互聯(lián)網(wǎng)浪潮,準確優(yōu)選出符合自己需要的互聯(lián)網(wǎng)運用,我們將一直專注成都品牌網(wǎng)站建設(shè)和互聯(lián)網(wǎng)程序開發(fā),在前進的路上,與客戶一起成長!
主要特性:
支持完整自定義和皮膚
支持responsive/fluid/liquid,保證各種客戶端的顯示
支持可變的顯示項目個數(shù)
支持鍵盤和鼠標導航
7個內(nèi)建的效果: none, scroll, directscroll, fade, crossfade, cover and uncover.
內(nèi)建自定義的智能事件和加載選項
定義的高和寬中保證顯示項目對齊(左/中/右).
支持動態(tài)添加和刪除顯示項目
幻燈創(chuàng)建后也可以支持獲取,重置或者設(shè)置配置選項
如何使用?
以下是基本使用代碼范例,如果大家有興趣,可以參考CarouFredSel網(wǎng)站上的其它例子
HTML代碼:
- < class="image_carousel">
- < id="foo1">
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
- >
- < class="clearfix">>
- >
CSS樣式:
- .image_carousel {
- padding: 15px 0 15px 40px;
- }
- .image_carousel img {
- border: 1px solid #ccc;
- background-color: white;
- padding: 9px;
- margin: 7px;
- display: block;
- float: left;
- }
- .clearfix {
- float: none;
- clear: both;
- }
Javascript代碼:
- $("#foo1").carouFredSel();
在線演示
本地下載
網(wǎng)站題目:jQuery旋轉(zhuǎn)輪播式插件CarouFredSel
當前網(wǎng)址:http://fisionsoft.com.cn/article/cogchse.html


咨詢
建站咨詢
