簡短教學
這是一款帶有視覺差效果的jquery響應式輪播圖特效。這個jquery輪播圖的特點是可以使用滑鼠拖曳進行切換,每個圖片中都帶有一個酷炫的透明字母。輪播圖滑動時帶有視覺不佳效果。
使用方法
在頁面中引入jquery、main.js,以及輪播圖的樣式檔案style.css。
<link rel="stylesheet" href="css/style.css"> <script src="path/to/jquery.min.js" type="text/javascript"></script> <script src="js/main.js"></script>
HTML結構
此jquery輪播圖的HTML結構如下:
<div class="cont"> <div class="slider"></div> <ul class="nav"></div> <div data-target='right' class="side-nav side-nav--right"></div> <div data-target='left' class="side-nav side-nav--left"></div> </div>
下面是該jquery輪播圖的一些截圖效果。
以上就是帶有視覺差效果的jquery響應式輪播圖特效的內容,更多相關內容請關注PHP中文網(www.php.cn)!