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

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

黄舟
發布: 2017-01-19 14:50:07
原創
1530 人瀏覽過

簡短教學

這是一款帶有視覺差效果的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中文網(m.sbmmt.com)!


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板