首頁 >web前端 >js教程 >帶有視覺差效果的jquery響應式輪播圖特效

帶有視覺差效果的jquery響應式輪播圖特效

黄舟
黄舟原創
2017-01-19 14:50:071532瀏覽

簡短教學

這是一款帶有視覺差效果的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=&#39;right&#39; class="side-nav side-nav--right"></div>
  <div data-target=&#39;left&#39; class="side-nav side-nav--left"></div>
</div>

下面是該jquery輪播圖的一些截圖效果。

帶有視覺差效果的jquery響應式輪播圖特效

帶有視覺差效果的jquery響應式輪播圖特效

以上就是帶有視覺差效果的jquery響應式輪播圖特效的內容,更多相關內容請關注PHP中文網(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn