CSSSLIDY adalah plug-in carousel gambar fokus yang mendukung ponsel, pendukung pengaturan judul, animasi geser, waktu interval, dll.
Contoh online
Contoh demonstrasi
Cara menggunakan
<Div id = "slidy-container"> <figure id = "slidy"> <a href = '#' target = '_ blank'> <img src = "img/2.jpg" data-caption = "jQuery.nicescroll scrollbars"> </a> <a href = 'target =' »_ data-caption="jQuery imitation Taobao product multi-attribute query"></a> <a href='#' target='_blank'><img src="img/3.jpg" data-caption="jQuery combined with elevateZoom to demonstrate multiple magnifying glass effects"></a> <a href='#' target='_blank'><img src = "img/2.jpg" data-caption = "editor baidu ueditor"> </a> </tigur> </div> cssslidy ({timeonslide: 5, timebetweenslides: .5, slidecontainerselector: '#slidy-container', slideSelector: '#'#'#', '#', '#', '#', '#', ',', ',', ',', ',', ',', ',', 'SlideSelector:' SlideSelector: 'SlideSelector:' SlideSelector: 'SlideSelector:' SlideSelector: Captionbackground: 'RGBA (0,0,0,0,5)', Capticolor: '#ff0', Captionfont: 'Raleway, Brittanic Bold, Hevetica, Sans-Serif', Captionposition: 'Bottom', CaptionAppear: '1, CaptionSize:' 16px ') (CAPTICHT', CAPTIONAPPEAR: '1, CAMPTIONSIZE:' 16PX ') waspada ("oh noes! Anda tidak bisa hidup!");Penjelasan Parameter Detail
Jika Anda tertarik, Anda dapat mengklik untuk mengunduh dan mengunduh kode sumber!
Di atas adalah plug-in csssslidy.js yang diperkenalkan kepada Anda oleh editor untuk mewujudkan efek carousel gambar ponsel yang responsif. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!